/* CSS Document */

html,body,div,h1,h2,h3,h4,p,fieldset,a,br,form,hr,input {margin: 0; padding: 0;}
img { margin: 0; padding: 0; border: none; }

/* bodyの設定 */     

body {
	font-family          : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Arial Unicode MS", "MS UI Gothic";
	font-size            : 18px;
	line-height          : 150%;
	color                : #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
}

/* リンクの設定 */

a:link{
text-decoration      : none;
}

a:visited{
text-decoration      : none;
}

a:hover{
text-decoration      : underline;
}

a:active{
text-decoration      : underline;
}

/* 見出し用タグの設定 */
h1, h2, h3, h4 {
margin: 0;
padding: 0;
}

/* 中央全体を囲むdiv要素の設定 */
div#hontai {
	width                : 750px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: double;
	border-left-style: double;
	border-right-color: #999999;
	border-left-color: #999999;
}

/* ヘッダ（ページ最上部のタイトル領域）の設定 */
div#header {
	margin: 0;
	background-color: #000;
	color: #fff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 12px;
}

/* ヘッダ領域内のタイトル設定 */
div#sitetitle {
　　　background: url("") #000; 
　　　color: #f8cfeb;
	  padding : 10px 20px 10px 20px;
	  margin-top: 10px;
	  font-size: 26px;
	  font-style: italic;
	  text-align: left;
	  height: 300px;
	}

/* ヘッダ領域内のタイトル説明部分の設定 */
div#description {
background-color: #000;
color: #fff;
padding : 20px 40px 10px 10px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
text-align: right;
}
		
/* バナーの設定 */
div#banner{
	text-align:center;
	background-color     : #FFFFFF;
	width                : 750px;
	background-position: center;
	margin: 0px;
}

/* ページ領域の設定 */
div#page {
	width                : 750px;
	margin-right: auto;
	margin-left: auto;
}

div#page-a {
width                : 750px;
}
/* サブヘッドの設定 */
.sh {
	width                : 650px;
	margin-left          : auto;
	text-align: center;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* コンテンツの設定 */
.content {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.content-color {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #FFFFC4;
	padding: 10px;
}
.content-table {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 15px;
	border: medium groove #999999;
}

/* チェック１の設定 */
.ck {
	border               : 1px solid #CCCCCC;
	clear                : both;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 200%;
	font-family: "MS UI Gothic";
	font-size: 16px;
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.ck li {
list-style           : none;
background-image     : url(img/ck.gif);
background-repeat    : no-repeat;
padding-left         : 30px;
margin-bottom        : 5px;
}

/* チェック２の設定 */
.ck2 {
	border               : thin solid #005E00;
	clear                : both;
	font-family: "MS UI Gothic";
	font-size: 16px;
	line-height: 200%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 90%;
}

.ck2 li {
	list-style           : none;
	background-image     : url(img/ck2.gif);
	background-repeat    : no-repeat;
	padding-left         : 30px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-position: left 8px;
}

/* チェック３の設定 */
.ck3 {
	border               : 1px solid #990000;
	clear                : both;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 250%;
}

.ck3 li {
list-style           : none;
background-image     : url(img/ck3.jpg);
background-repeat    : no-repeat;
padding-left         : 40px;
margin-bottom        : 5px;
}

/* チェック４の設定 */
.ck4 {
	margin               : 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "HGP正楷書体";
	font-weight: bold;
	font-size: 16px;
}

.ck4 li {
	list-style           : none;
	background-image     : url(img/checkmark.gif);
	background-repeat    : no-repeat;
	padding-left         : 10px;
	margin-bottom        : 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* Ｑ＆Ａの設定 */
.que {
	clear                : both;
	line-height: 200%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: medium;
	border-top-style: dotted;
	border-top-color: #333333;
	width: 600px;
	font-size: 18px;
	font-weight: bold;
	color: #B70000;
}

.que li {
	list-style           : none;
	background-image     : url(img/q.gif);
	background-repeat    : no-repeat;
	padding-left         : 50px;
	margin-bottom        : 5px;
}

.ans {
	clear                : both;
	line-height: 200%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 600px;
	font-size: 18px;
	color: #254BAF;
}

.ans li {
list-style           : none;
background-image     : url(img/a.gif);
background-repeat    : no-repeat;
padding-left         : 50px;
margin-bottom        : 5px;
}

.ans2 {
	clear                : both;
	line-height: 200%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	width: 600px;
}

.ans2 li {
list-style           : none;
background-image     : url(img/a.gif);
background-repeat    : no-repeat;
padding-left         : 50px;
margin-bottom        : 5px;
}


/* メールフォーム使用の際の枠の設定 */
.mailform {
text-align           : center;
padding              : 15px;
margin               : 10px 120px 20px 120px;
border               : 1px solid #CCCCCC;
background-color     : #EEEEEE;
clear                : both;
}

/* テーブル使用の際の枠の設定 */
.table {
	clear                : both;
	border-top-width: medium;
	border-top-style: dashed;
	border-top-color: #C0C0C0;
}

/* 商材の紹介の設定 */
.moushikomi  { 
text-align: center; 
padding: 0 0 15px 3px;
 clear: both 
 }

/* 中央にしたいときの設定 */
.center  {
	clear: none;
	text-align: center;
	width: 650px;
	margin-right: 25px;
	margin-left: 25px;
 }

/* コピーライトの設定 */
#copyright{
	padding              : 5px;
	background-color     : #CCCCCC;
	clear                : both;
	text-align           : center;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-family: Arial;
}

/* メインコンテンツと右サイドバーを囲む設定 */
        div#main {
          background-color: #000;
          padding: 0px;
          width: 900px;
        }

/* メインコンテンツ（中央本文）の設定 */
        div#content {
          float: left;
          background-color: #000;
          color: #fff;
          padding: 0;
          margin-top: 40px;
          width: 600px;
          text-align: left;
        }

/* サイドバー（右領域）の設定 */
        div#sidebar {
          float: left;
          background-color: #111;
          color: #fff;
          margin-left: 10px;
          padding: 20px 2px 20px 2px;
          border: inset #ccc;
          border-width: 10px 4px;
          margin-top: 40px;
          width: 270px;
          font-size: 0.9em;
          line-height: 1.2;
          text-align: left;
        }

/* サイドバーのタイトル設定 */
        .sidetitle {
          margin-top: 1em;
          padding: 4px 8px 8px 20px;
          font-size: 12px;
        }

/* サイドバーの（番号なし）リストの設定 */
        div#sidebar ul {
          list-style: square outside;
          margin-left: 6px;
          margin-right: auto;
          line-height: 1.2;
        }

/* サイドバーの画像付きリストマークの設定 */
        div#sidebar ul.gazou {
          list-style: square outside url(../design/04bul.gif);
          margin-left: 6px;
          margin-right: auto;
        }

/* サイドバーのリスト項目の設定 */
        div#sidebar li {
          font-size: 0.9em;
          margin-bottom: 0.3em;
        }

/* サイドバーのp要素の設定 */
        div#sidebar p {
          font-size: 0.9em;
          line-height: 1.3;
        }

/* フッタ（ページ最下段の領域）の設定 */
        div#footer {
          clear: both;
          background: #6e879c;
          color: #fff;
          margin: 2% 20px 2% 20px;
          padding: 2px 1em;
          font-size: small;
        }

/* フッタのp要素の設定 */
        div#footer p {
          margin: 0;
          padding: 0;
          font-size: 0.9em;
        }

/* 見出し用タグの設定（マージン） */
        h1, h2, h3 {
          margin-top: 3%;
          margin-left: 5%;
          margin-right: 5%;
        }

/* その他のマージンの設定 */
        h4 {
          margin-left: 8%;
          margin-right: 8%;
        }
        h4 {
          margin-top: 3%;
        }
		
/* 画像の設定 */
.img-r {
	clear: both;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
        }		

.img-l {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
        }	
/* 見出し用タグのフォントサイズの設定 */
        h1 {
          font-size: 1.3em;
        }
        h2 {
          font-size: 1.2em;
        }
        h3 {
          font-size: 1.1em;
          background-color: #000;
          color: #ff9312;
        }
        h4 {
          font-size: 1em;
          background-color: #000;
          color: #7faaff;
        }
		
/* フォントの設定 */
.content1 {
	clear                : both;
	font-size: 20px;
	font-weight: normal;
}

.content2 {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
}

.content1-r {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	color: #DB0000;
}

.content1-r2 {
	clear                : both;
	font-size: 20px;
	color: #DB0000;
}

.content1-b {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	color: #254BAF;
}

.content1-by {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	color: #254BAF;
	background-color: #FFFF00;
}

.content1-b2 {
	clear                : both;
	font-size: 20px;
	color: #254BAF;
}

.content1-p {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	color: #FF80FF;
}

.content1-bky {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFFF00;
}

.content1-ry {
	clear                : both;
	font-size: 20px;
	font-weight: bold;
	color: #DB0000;
	background-color: #FFFF00;
}

/* 英字を使うときの設定 */
        .eiji {
          font-family: "Times New Roman", fantasy;
          text-align: center;
          font-style: italic;
          margin-bottom: 5%;
        }

/* 区切り線の設定（実際はフォントの設定と下ボーダーの設定） */
        #yoko {
          background-color: #000;
          color: #f8cfeb;
          padding : 15px 0 0;
          border-top: 4px solid #999;
          font-style: italic;
        }

/* 位置揃え */
        .venus1 {
          text-align: left;
        }
        .venus2 {
          text-align: center;
        }
        .venus3 {
          text-align: right;
        }



/* サイドバーのリンクカラーの設定 */
        .original a:link {
          color: #f0f;
          text-decoration: underline;
        }

        .original a:visited {
          color: #f9f;
          text-decoration: underline;
        }

        .original a:hover {
          background-color: #fdf;
          color: #00f;
          text-decoration: none;
        }

        .original a:active {
          color: #f00;
          text-decoration: underline;
        }

/* その他 */
/* ↓画像のボーダーの設定↓ */
        img {
          border-width: 0px;
        }

/* form要素、input要素の設定（サイト内検索ツールなど） */
        form {
          margin-left: 6px;
        }
        input {
          font-size: 0.9em;
        }

/* ↓インラインフレームのボーダーの設定↓ */
        iframe {
          border-width: 0px;
        }

/* ↓ストアに適用してdiv要素の回りこみ解除の設定↓ */
        #store {
          clear: both;
        }

/* カウンタの設定 */
        #counter {
          font-family: "Times New Roman", fantasy;
          font-size: 0.9em;
          margin-top: 1em;
          margin-bottom: 1em;
          text-align: center;
        }

/* 特別な設定 */		
	
	
.table_under {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.table_under_red {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color: #DB0000;
	font-weight: bold;
}

.table_under_blue {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color: #254BAF;
}.in_table {
	padding: 10px;
	margin-right: 20px;
	margin-left: 20px;
	border: medium double #005E00;
}

.style1 {
	font-size: 36px;
	color: #FF0000;
}