/*--------------------------------------------------------
1、Total
-------------------------------------------------------*/
body{
	background: #ece9d8;
	color: #333;
}

/*--------------------------------------------------------
影・・・background: url(./images/bg-shadow.gif) repeat-y center top fixed;
グラデ・・・background: url(./images/grade-blue1.jpg) repeat-x center top fixed;
任意の画像・・・background: url(./images/bg-photo.jpg) no-repeat center top fixed;
ベタ塗り・・・background: #ece9d8;
--------------------------------------------------------*/

a{ text-decoration: underline; }
a:link{ color: #333; }
a:visited{ color: #333; }
a:hover{ color: #ff3300; }


/*--------------------------------------------------------
2、見出し
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	padding: 50px 0 0 20px;
	font-size: 8.5pt;
	color: #fff;/*文字色*/
}
h2 {
font-size:150%;
margin: 0 0 0 100px;
}

h2 p{
padding: 0 0 0 45px;
font-weight: bold;
color: #333333;
}




h3 {
font-size:150%;
margin: 0 0 0 100px;
}

h3 p{
padding: 0 0 0 45px;
font-weight: bold;
color: #333333;
}

h4 {
padding: 0 0 0 45px;
font-size:12pt;
font-weight: bold;
color: #333333;

}

/*--------------------------------------------------------
■トータル設定
--------------------------------------------------------*/

body{
	margin: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

p{ line-height: 1.4em; }

pre{
	font-size: 10pt;
	line-height: 1.4em;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
}

/*--------------------------------------------------------
■container設定
--------------------------------------------------------*/

/*サイズ設定 1*/
div#container{
	width: 810px;
	_width: 812px;/*IE*/
	margin: 0 auto;
	text-align: left;
}


/*全体の左右の枠線*/
div#header,div#header-logo,div#global-menu,div#main,div#main_index{
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

/*--------------------------------------------------------
■最上部帯（サイトマップメニュー等）
--------------------------------------------------------*/

/*サイズ設定 2*/
div#header{
	width: 810px;
	_width: 812px;/*IE*/
	height: 30px;
	background: #f4bd35;
}

div#header #top-menu{
	position: absolute;
	top: 5px;
	width: 794px;
	text-align: right;
}


div#header #top-menu li{
	display: inline;
	font-size: 8.5pt;
	line-height: 14pt;
}

/*リンク色*/
div#header #top-menu li{ color: #fff; }
div#header #top-menu li a:link{ color: #fff; }
div#header #top-menu li a:visited{ color: #fff; }
div#header #top-menu li a:hover{ color: #ff3300; }


/*--------------------------------------------------------
■ヘッダーロゴ
--------------------------------------------------------*/

/*サイズ設定 3*/
div#header-logo{
	z-index: 1;
	position: absolute;
	top: 30px;
	width: 810px;
	_width: 812px;/*IE*/
	height: 200px;
	text-align: left;
	background: url(./gif/top1.png);
/*	border-top: 1px solid #aaa;/*上枠線*/
/*	border-bottom: 1px solid #aaa;/*下枠線*/  */
}

/*ロゴテキスト*/
p#logo-text{
	position: absolute;
	top: 20px;
	left: 35px;
	font-weight: bold;
	font-size: 16pt;
	letter-spacing: -0.5pt;
}

/*リンク色*/
p#logo-text a{ text-decoration: none; }
p#logo-text,p#sub-text{ color: #333; }
p#logo-text a:link{ color: #333; }
p#logo-text a:visited{ color: #333; }
p#logo-text a:hover{ color: #ff3300; }


/*サブテキスト*/
p#sub-text{
	position: absolute;
	top: 65px;
	left: 18px;
	font-size: 10pt;
	letter-spacing: -0.5pt;
}

/*--------------------▽ヘッダー文章*/

div#header-text{
	position: absolute;
	top: 80px;
	left: 40px;
	width: 400px;
	text-align: left;
	font-size: 9pt;
	line-height: 14pt;
	color: #333;
}



/*--------------------------------------------------------
■パン屑ナビ
--------------------------------------------------------*/

/*サイズ設定 5*/
div#navi{
	position: absolute;
	top: 2px;
	_top: 0px;/*IE*/
	width: 810px;
	_width: 812px;/*IE*/
	height: 20px;
	background: #fff;
}

div#navi p{
	margin: 6px 0 0 16px;
	padding: 0 0 0 55px;
	text-align: left;
	font-size: 9pt;
	line-height: 14pt;
}


/*--------------------------------------------------------
■コンテンツ全体
--------------------------------------------------------*/

/*サイズ設定 6*/
div#main{
	overflow: hidden;
	position: absolute;
	top: 222px;
	width: 810px;
	_width: 812px;/*IE*/
	text-align: center;
	background: #fff;
}

div#main_index{
	overflow: hidden;
	position: absolute;
	top: 152px;
	width: 810px;
	_width: 812px;/*IE*/
	text-align: center;
	background: #fff;
}

.main_top{
	width: 700px;
	_width: 702px;/*IE*/
}
.main_top p{
        text-align: left;
	padding:10px 0px 0px 55px;
	font-size:11.5pt;
	line-height: 18pt;
}
.main1{
	width: 700px;
	_width: 702px;/*IE*/
}
.main1 p{
        text-align: left;
	padding:10px 0 0 55px;
	font-size:11.5pt;
	line-height: 22pt;

}
.main2{
	width: 640px;
	_width: 742px;/*IE*/
	padding:0 0 0 55px;
}

.main_melma{
	width: 640px;
	_width: 642px;/*IE*/
	margin:0px 0px 0px 0px;
}
.main_melma p{
	padding:15px 0px 15px 80px;
	font-size:11.5pt;
	line-height: 15pt;

}

.main_melma hr{
	clear: both;
	padding:10px 10px 10px 10px;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}
.main_kanso{
	margin:0 55px 0 55px;

}
.main_kanso p{
	padding:10px 30px 10px 30px;
	font-size:11.5pt;
	line-height: 18pt;
}
.main_kanso hr{
	clear: both;
	padding:10px 10px 10px 10px;
	border-width: 3px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}

.main1_k{
	width: 650px;
	_width: 652px;/*IE*/
}
.main1_k p{
        text-align: left;
	margin:20px 0px 20px 0px;
	padding:10px 0px 0px 55px;
	font-size:12pt;
	line-height: 16pt;

}

/*--------------------------------------------------------
■メインエリア
--------------------------------------------------------*/

/*サイズ設定 7*/
div#main-area{
	margin: 100px auto 0 auto;
	width: 730px;
	text-align: left;
	background: #fff;
}

/*--------------------▽コンテンツ*/

div#main-area .contents{
	clear: both;
	margin: 20px 20px 40px 20px;
}


/*コンテンツ（インデント：10px）*/
div#main-area .contents2{
	clear: both;
	margin: 20px 30px 50px 30px;
}


/*--------------------▽コンテンツ内の線*/

div#main-area hr{
	clear: both;
	margin: 10px 0 10px 0;
	color: #ccc;
}


/*--------------------▽コンテンツ内のul＆ol*/

div#main-area ul,
div#main-area ol{
	margin: 0 0 20px 20px;
	list-style-type: disc;
	list-style-position: outside;
}
div#main-area li{
	line-height: 1.8em;
}

/*--------------------▽更新情報内のul*/

div#main-area ul.topics{
	padding: 10px;
	border: 1px solid #aaa;
	list-style-type: none;
	list-style-position: outside;
}



/*--------------------▽戻る＆進むリンク*/

.link-back,
.link-next{
	clear: both;
	margin-top: 20px;
	padding: 0;
	width: 100%;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }


/*--------------------▽右コンテンツ内のPタグは、自動改行*/

p{ margin-bottom: 1.0em; }


/*--------------------------------------------------------
■フッターメニュー
--------------------------------------------------------*/

/*サイズ設定 8*/
div#footer{
	clear: both;
	width: 810px;
	text-align: center;
	background: #fff;
}


/*--------------------▽フッター内で使用する線*/

div#footer hr{
	clear: both;
	color: #aaa;
}


/*/*--------------------▽メニューリスト*/

div#footer .menu{
	margin: 7px 0 7px 0;
}

div#footer .menu li{
	display: inline;
	margin: 0 0.8em 0 0.8em;
	font-size: 10pt;
	line-height: 14pt;
}


/*--------------------------------------------------------
■Copyright
--------------------------------------------------------*/

/*サイズ設定 9*/
div#footer #copyright{
	clear: both;
	margin-top: 15px;
	padding: 15px 0 15px 0;
	width: 810px;
	font-size: 10pt;
	line-height: 14pt;
	color: #fff;
	background: #f4bd35;
}

div#footer #copyright a:link{ color: #fff; }
div#footer #copyright a:visited{ color: #fff; }
div#footer #copyright a:hover{ color: #ff3300; }


/*--------------------------------------------------------
■広告の絶対配置（オプション）
--------------------------------------------------------*/

/*--------------------▽例：横幅240 縦120の広告の場合*/

div.ad{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align :right;
}

div.ad p{
	position: fixed;
	_position: absolute;/*IE*/
	top: 0;
	right: 0;
	padding: 5px;
	width: 240px;
	height: 120px;
	background: #eee;/*背景色*/
	border: 1px solid #000;/*枠線の色*/
	text-align :center;
}


/*--------------------------------------------------------
■その他
--------------------------------------------------------*/

td{ padding: 8px; }


/*------------------------------------------------------------
　written by Shigeoki Matsuo
-------------------------------------------------------------*/
/*------------------------------------------------------------
■拡張設定

	t＝上（top）
	r＝右（right）
	b＝下（bottom）
	l＝左（left）
	c＝左右の中央（center）
	m＝上下の中央（middle）

※「!important」という設定は、
　どんなclassより、そのclassを優先するという設定です。
-------------------------------------------------------------*/

/*------------------------------------------------------------
●１、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●２、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
●３、float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/

.fl-c{ clear: both; }/*左右の寄せを解除*/
.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/


/*------------------------------------------------------------
●４、margin・・・周りのブロックからの距離

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.m0{ margin: 0px!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0px!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0px!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0px!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0px!important; }/*左からのmarginが0px*/

.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
●５、padding・・・周りのブロックからの距離（padding）

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0px!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0px!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0px!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0px!important; }/*左からのmarginが0px*/

.p5-b{ padding-bottom: 5px!important; }

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p35-l{ padding-left: 35px!important; }
.p45-l{ padding-left: 45px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }


/*------------------------------------------------------------
●６、font-size・・・フォントサイズの設定

	※「em」と「pt」の違い
	　IEで、ブロウザの文字サイズ変更が反映されるのが「em」です
	　「pt」は文字サイズ変更が効きません。
-------------------------------------------------------------*/

.normal{ font-weight: normal!important; }

.b{ font-weight: bold!important; }

.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }

.small{ font-size: 80%!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }


.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }
.f22pt{ font-size: 22pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
●７、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/


/*------------------------------------------------------------
●８、line-height・・・行間の設定
-------------------------------------------------------------*/

.lh13{ line-height: 1.3em!important; }
.lh14{ line-height: 1.4em!important; }
.lh15{ line-height: 1.5em!important; }
.lh16{ line-height: 1.6em!important; }
.lh17{ line-height: 1.7em!important; }
.lh18{ line-height: 1.8em!important; }
.lh19{ line-height: 1.9em!important; }
.lh20{ line-height: 2.0em!important; }


/*------------------------------------------------------------
●９、underline・・・アンダーライン（下線）の設定
-------------------------------------------------------------*/

.underline{ text-decoration: underline!important; }

.underline_r{
border-bottom: 2px solid #ff0000;
}
.underline_c{
border-bottom: 2px solid #cccccc;
}

/*------------------------------------------------------------
●１０、取り消し線の設定
-------------------------------------------------------------*/

.del{ text-decoration:line-through;}


/*------------------------------------------------------------
●１１、box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/
.box-point{ background-color: #efc450!important; }
.box-juku{ 
background-color: #FFB5B5;
font-weight: bold;
 }


/*------------------------------------------------------------
●１２、input:focus・・・入力フォームをハイライトする
-------------------------------------------------------------*/

input:focus,textarea:focus{ background-color: #dee!important; }


/*------------------------------------------------------------
●１３、hr・・・線の基本設定
-------------------------------------------------------------*/

hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}

/*------------------------------------------------------------
●１４、left、right・・・画像の横位置設定
-------------------------------------------------------------*/

/*--------------------▽左に画像、右に文章*/

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}


/*--------------------▽右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*------------------------------------------------------------
●１５、top、middle、bottom・・・画像の縦位置設定
-------------------------------------------------------------*/

/*--------------------▽画像の縦位置をtopに揃える*/

img.top{ vertical-align: top!important; }

/*--------------------▽画像の縦位置をmiddleに揃える*/

img.middle{ vertical-align: middle!important; }

/*--------------------▽右に画像、左に画像*/

img.bottom{ vertical-align: bottom!important; }


/*------------------------------------------------------------
●１６、noborder・・・枠線を無くす
-------------------------------------------------------------*/

.noborder{ border: 0!important; }

/*------------------------------------------------------------
●１６、zindex・・・重なりの優先度
-------------------------------------------------------------*/

.z2{ z-index: 2; }
.z3{ z-index: 3; }

/*------------------------------------------------------------
●１７、box・・・ボックスの設定
-------------------------------------------------------------*/


.box-mel{
margin:10px 0 0 45px;
width:640px;
background-color: #ffff00;
border: 2px solid #FF9900;
padding:10px;
}

.box-mel2{
margin:0 0 10px 45px;
width:640px;
background-color: #FFFFCC;
border-bottom: 2px solid #FF9900;
border-left: 2px solid #FF9900;
border-right: 2px solid #FF9900;
padding:10px;
}

.box-left{
float: left;

}

.box-right{
margin-left:390px;
width:330px;
}

.box-right li{
margin: 0 0 -3px 0;
}

.box-l{
float: left;
margin-left:65px;
width:300px;

}

.box-r{
margin-left:365px;
width:300px;
}

.box-lm{
float: left;
margin-left:35px;
width:500px;
}
.box-lm img{
vertical-align: middle;
}

.box-rm{
margin-left:535px;
width:120px;
}

.box-rm li{
	margin: 0 0 -1px 0;
	font-size: 85%; 
}

.box-lm2{
float: left;
margin-left:55px;
width:500px;

}

.box-rm2{
margin-left:565px;
width:130px;
}

.box-rm2 li{
	margin: 0 0 -1px 0;
	font-size: 85%; 
}

.box-lb{
float: left;
margin-left:55px;
width:330px;

}

.box-ls{
float: left;
margin-left:55px;
width:400px;

}

.box-rs{
margin:0 0 0 475px;
width:208px;
}

.box-ls-e{
float: left;
margin-left:55px;
width:330px;

}

.box-rs-e{
margin:0 0 0 380px;
width:300px;
}

.box-rs-e p{
        text-align: left;
	padding:0px 0 0 10px;
	font-size:11.5pt;
	line-height: 22pt;
}

.box-ls10{
padding: 20px 0 20px 65px;
float: left;
width:200px;

}

.box-rs10{
margin-left:280px;
padding: 20px 0 20px 0;
width:450px;
}

.box-l-10k{
float: left;
margin-left:75px;
width:208px;
height: 295px;
}

.box-r-10k{
margin-left:300px;
width:380px;
}

.box-l-pro{
float: left;
margin-left:75px;
text-align: center;
width:250px;
}

.box-r-pro{
margin-left:325px;
width:330px;
}

.box-r-pro p {
	padding: 0 0 0 0;
	font-size: 11pt;
	line-height: 150%;
}

.box-le{
float: left;
margin-left:75px;
width:280px;
}

.box-re{
margin-left:355px;
width:300px;
}

.box-l7{
float: left;
margin-left:65px;
width:210px;

}

.box-r7{
margin-left:265px;
width:425px;
}
.box-l_study{
float: left;
margin-left:65px;
width:300px;

}

.box-r_study{
margin-left:385px;
width:350px;
}
.box-lschu{
padding: 20px 0 20px 65px;
float: left;
width:350px;

}

.box-rschu{
margin-left:350px;
padding: 20px 0 20px 0;

}

.box-loy{
float: left;
margin-left:55px;
width:400px;

}

.box-roy{
margin:0 0 0 425px;
width:258px;
}
.box-bn{
margin:10px 0px 0px 0px;
padding:8px 8px 8px 12px;
border:1px dotted #ccc;
width:310px;
}
.box-menu{
width:200px;
margin:30px 0px 0px 45px;
background: url(gif/waku_bg.jpg) repeat-y center;
border: 2px solid #44A771;
padding:5px 10px 5px 10px;
font-size: 150%;
font-weight: bold;
} 
.qa_box{
width:600px;
margin: 30px 40px 30px 50px;
padding:10px 10px 10px 10px;
border: 1px dotted #666666;
}
.qa_box hr{
	clear: both;
	padding:10px 10px 10px 10px;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}
.qa_q1{
float: left;
margin-left:0px;
width:70px;
}

.qa_q2{
margin-left:80px;
width:500px;
}
.qa_q2 p{
font-size: 1.2em;
line-height: 18pt;
}

.qa_a1{
float: left;
margin-left:0px;
width:70px;
}

.qa_a2{
margin-left:80px;
width:500px;
}
.qa_a2 p{
font-size: 1.2em;
line-height: 18pt;
}
/*------------------------------------------------------------
●１８、img・・・画像の設定
-------------------------------------------------------------*/
.img-m{
padding-left: 0px;
border: 1px #666666 solid;
}

.img-mel{
margin:0 15px 15px 0;
padding-top: 5px;
float: left;
}

.img-book{
margin:0 15px 0 0;
padding-left: 0px;
border: 1px #666666 solid;
float: left;
}

.img-oy{
margin:0 15px 50px 20px;
padding-left: 0px;
border: 1px #666666 solid;
float: left;
}

.img-oy2{
margin:0 15px 50px 20px;
padding-left: 0px;
float: left;
}
/*------------------------------------------------------------
●ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}


.under_line{
	border-bottom:2px solid #ff0000;
}
.under_line_d{
	border-bottom:1px dotted #ff0000;
}
div#title {
	margin:30px 0 25px 45px;
	width: 660px;
	height: 100px;
	background: url(http://www.oyawaza.com/gif/meltema_l.gif) no-repeat left top;
}

div#title p {
	padding: 55px 0 0 80px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 26px;
	font-weight: bold;
}
div#title_news {
	margin:30px 0 25px 45px;
	width: 660px;
	height: 100px;
	background: url(http://www.oyawaza.com/gif/meltema2.gif) no-repeat left top;
}

div#title_news p {
	padding: 55px 0 0 80px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 26px;
	font-weight: bold;
}

div#title_strong {
	margin:30px 0 25px 45px;
	width: 660px;
	height: 100px;
	background: url(http://www.oyawaza.com/gif/strong_h.gif) no-repeat left top;
}

div#title_strong p {
	padding: 55px 0 0 80px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 26px;
	font-weight: bold;
}
.situmon {
	margin: 0 0 0 75px;
	padding: 10px 10px 10px 15px;
	width: 580px;
	background: #D6DDC4;
}
.situmon p {
 padding:0 0 0 0;
 font-size:11.5pt;
 line-height: 22pt;
}

.point {
	padding: 5px 5px 5px 15px;
	margin: 0 0 0 75px;
	background: #D6DDC4;
	width: 580px;
	font-weight: bold;
	line-height: 160%;
}
.point p {
 padding:0 0 0 0;
 ont-weight: bold;
 line-height: 160%;
}

.sub3 {
	font-size: 10pt;
	line-height: 14pt;
}
div#global-menu{


	position: absolute;
	top: 222px;/*■縦位置*/
	_top: 220px;/*■縦位置（IE6用）*/
	padding: 20px 0 0 0px;
	text-align: center;
	height: 50px;
	line-height: 16pt;
	background: #fff;
}

div#global-menu li{
	float: left;
	display: block;
	list-style-type: none;
	padding: 0;
	font-size: 10.5pt;
	font-weight: bold;
	border-right: 1px solid #999;/*右枠線*/
}

div#global-menu li a{
	display: block;
	padding: 5px 24px 5px 32px;
	text-decoration: none;
	background: url(./gif/bg01-menu.jpg) no-repeat left center #fff;
}

div#global-menu li a{ color: #333; }
div#global-menu li a:link{ color: #333; }
div#global-menu li a:visited{ color: #333; }
div#global-menu li a:hover{
	color: #fff;
	background: url(./gif/bg01-menu-over.jpg) no-repeat left center #fff;
}
.melmaga1
{
margin: 30px 0 0 45px;
background: url(http://www.oyawaza.com/gif/melmaga_top.gif);
width: 600px;
height: 90px;
}
.melmaga2
{
margin: 0 0 0 45px;
background: url(http://www.oyawaza.com/gif/melmaga_middle.gif);
width: 600px;
}
.melmaga3
{
margin: 0 0 0 45px;
background: url(http://www.oyawaza.com/gif/melmaga_bottom.gif);
width: 600px;
height: 30px;
}
.anai
{
padding: 1px 40px 1px 30px;
text-align: left;
}
.anai p
{
line-height: 1.0em;
_line-height: 1.0em;
}
.sml
{
font-size: 11pt;
color: #333333;
line-height: 1.3em;
}

.point_10 {
	border: 2px solid #666;
	padding: 20px;
	margin: 20px 0 20px 45px;
	background: #efefef;
	width: 620px;
}
.point_10 p {
	padding: 0 0 0 20px;
	font-size: 11.5pt;
	line-height: 180%;
}
.cart p {
	padding: 0 0 0 0;
	font-size: 16pt;
	font-weight: bold;
	line-height: 180%;
}
.cart2 p {
	padding: 0 0 0 0;
	font-size: 13pt;
	font-weight: bold;
	line-height: 180%;
}
.cd {
	margin: 0 0 0 45px;

}

.cd p {
	padding: 0 0 0 30px;
	font-size: 11.5pt;
	line-height: 180%;

}
.chui {
	border: 2px solid #999999;
	padding: 20px;
	margin: 20px 0 20px 45px;
	background: #efefef;
	width: 620px;
}
.chui p {
	padding: 0 0 0 20px;
	font-size: 11.5pt;
	line-height: 180%;
}
.nori {
	border: 2px solid #999999;
	padding: 20px;
	margin: 20px 0 20px 45px;
	background: #efefef;
	width: 620px;
}
.nori p {
	padding: 0 0 0 20px;
	font-size: 11.5pt;
	line-height: 180%;
}

.top_baner {
	margin: -30px 10px 30px 10px;
}

.baner {
	margin: 30px 10px 30px 10px;
}
.reason1{
	height: 77px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason1.gif) no-repeat;
}
.reason2{
	height: 77px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason2.gif) no-repeat;
}
.reason3{
	height: 77px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason3.gif) no-repeat;
}
.reason4{
	height: 83px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason4.gif) no-repeat;
}
.reason5{
	height: 83px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason5.gif) no-repeat;
}
.reason6{
	height: 83px;
	margin: 20px 0 0 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(./gif/reason6.gif) no-repeat;
}
.reason{
	padding:35px 0px 0px 45px;
	font-size: 110%!important;
	font-weight: bold;
}
.waku
{
   margin: 30px 40px 0px 50px;
   border: 1px solid #009900;
   padding: 0 10px 10px;
   background: url(gif/waku_bg.jpg) repeat-y right;
}

.waku_point
{
   margin: 30px 0px 0px 0px;
   padding: 0 10px 10px;
   width: 600px;
   height: 150px;
   background: url(gif/point.png) no-repeat;
}
.waku_point p
{
padding: 70px 0px 0px 50px;
font-size: 20px;
color: #333333;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
text-align: left;
}

.check
{
    margin: 20px 0px 10px 20px;
    padding: 0px 0px 0px 35px;
	font-size: 150%!important;
	font-weight: bold;
    background: url(gif/check.png) no-repeat;

}

.check_k
{
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 20px 25px;
	font-size: 150%!important;
	font-weight: bold;
	background: url(gif/check.png) no-repeat;
}
.goo
{
    margin: 10px 0px 10px 40px;
	height: 60px;
	font-size: 150%!important;
	font-weight: bold;
    background: url(gif/goo.gif) no-repeat;

}
.goo1
{
	padding:35px 0px 0px 35px;
	font-size: 110%!important;
	font-weight: bold;

}

.waku2
{
   margin: 30px 40px 0px 50px;
   border: 1px solid #666666;
   background: url(gif/waku_bg2.jpg) repeat-y right;
}
.waku2 p
{
	padding:15px 0px 10px 35px;
	font-size: 120%!important;
	font-weight: bold;
}
.waku3
{
	padding: 30px 0px 30px 0px;
	margin: 30px 40px 30px 50px;
	border: 1px dotted #666666;
	width: 550px;
}
.waku3 p
{
	padding:0px 50px 0px 50px;
	font-size: 14px;
}
.waku4
{
   margin: 30px 40px 0px 50px;
   border: 1px solid #A79850;
   padding: 0 10px 10px;
   background: url(gif/waku_bg3.jpg) repeat-y right;
}
.waku5
{
   margin: 30px 40px 0px 50px;
   border: 1px solid #A79850;
   padding: 0 10px 10px;
   background: url(gif/waku_bg.jpg) repeat-y right;
}

.waku_e
{
   margin: 30px 40px 0px 20px;
   border: 1px solid #009900;
   padding: 10px 10px 10px 10px;
   background-color: #E6FFE6;
}
.waku_k
{
   margin: 30px 40px 0px 50px;
   border: 1px solid #009900;
   padding: 10px 10px 10px 10px;
   background-color: #E6FFE6;
}
.waku10h
{
	padding: 30px 0px 30px 0px;
	margin: 30px 40px 30px 50px;
	border: 1px dotted #666666;
	width: 650px;
}
.waku10h p
{
	padding:10px 80px 10px 80px;
	font-size: 15px;
	line-height: 30px;

}
.waku_juku
{
	padding: 20px 0px 20px 0px;
	margin: 30px 0px 30px 80px;
	border: 1px dotted #666666;
	width: 580px;
}
.waku_juku p
{
	padding:10px 30px 0px 30px;
	font-size: 12px;
	line-height: 18px;

}
.waku_study
{
   margin: 30px 40px 0px 50px;
   padding:30px 1px 30px 1px;
   border: 1px solid #A79850;
   background: url(gif/waku_bg3.jpg) repeat-y right;
}
.waku_study p
{
	padding:10px 20px 10px 50px;
	font-size: 12pt;
	line-height: 18px;

}
.waku_study3
{
   margin: 30px 40px 20px 50px;
   padding:30px 1px 30px 1px;
   border: 1px solid #A79850;
   background: url(gif/waku_bg3.jpg) repeat-y right;
}
.waku_study3 p
{
	padding:10px 40px 10px 50px;
	font-size: 11pt;
	line-height: 15pt;

}
.waku_check
{
    margin: 20px 0px 20px 50px;
    padding: 0px 0px 0px 0px;
    height: 30px;
    background: url(gif/check.png) no-repeat;

}
.waku_check p
{
vertical-align:middle;
	font-size: 150%!important;
	line-height: 0em;
	font-weight: bold;
	color: #ff0000;


}

.waku_oy
{
	padding: 15px 0px 15px 0px;
	margin: 30px 40px 30px 50px;
	border: 1px dotted #666666;
	width: 300px;
}
.waku_oy p
{
	padding:0px 20px 0px 20px;
	font-size: 12px;
}
.waku_ko
{
	padding: 30px 0px 30px 0px;
	margin: 30px 40px 30px 50px;
	border: 1px dotted #666666;
	width: 650px;
	background: url(gif/waku_bg.jpg) repeat-y right;
}
.waku_ko p
{
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;

}
table.backnumber{
width: 500px;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin:10px 0 10px 100px;
}

.backnumber td{
text-align:left;
font-size: 12px;
color: #333333;
white-space: nowrap;
height: 25px
}


.header1 {
margin: 50px 0px 0px 55px;
padding: 0px 0px 0px 0px;
background: url(gif/sakura.gif) no-repeat;
height: 38px;
}
.header1 p {
padding: 8px 0px 0px 55px;
font-size: 20px;
color: #333333;
font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
text-align: left;
}
.nayami14
{
margin: 30px 0 0 0px;
background: url(gif/4nen.jpg);
width: 600px;
height: 47px;
}
.nayami15
{
margin: 30px 0 0 0px;
background: url(gif/5nen.jpg);
width: 600px;
height: 47px;
}
.nayami16
{
margin: 30px 0 0 0px;
background: url(gif/6nen.jpg);
width: 600px;
height: 47px;
}
.nayami2
{
margin: 0 0 0 0px;
background: url(gif/nayami_middle.jpg);
width: 600px;
}
.nayami3
{
margin: 0 0 0 0px;
background: url(gif/nayami_bottom.jpg);
width: 600px;
height: 30px;
}
.nayami
{
padding: 30px 20px 1px 20px;
text-align: left;
}
.nayami p
{
line-height: 1.3em;
_line-height: 1.3em;
}
.juku_test {
margin: 30px 0px 0px 0px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}

.list {
margin: 40px 0px 40px 100px;
}
.list p {
font-size:12pt;
padding: 0px 0px 10px 30px;
background: url(gif/list.gif) no-repeat;
height: 23px;
}

.float_l1{
	float: left;
	margin:50px 0 0 50px;
	width:300px;
	height: 280px;
	background: url(gif/float_a.jpg) no-repeat;
}

.float_l1 p{
        text-align: left;
	padding:30px 60px 40px 30px;
	font-size:13pt;
	line-height: 22pt;
        font-weight: bold;
        color: #ffffff;
}
.float_l2{
	float: left;
	margin:50px 0 0 50px;
	width:300px;
	height: 280px;
	background: url(gif/float_b.jpg) no-repeat;
}

.float_l2 p{
        text-align: left;
	padding:30px 60px 40px 30px;
	font-size:13pt;
	line-height: 22pt;
        font-weight: bold;
        color: #ffffff;
}
.float_l3{
	float: left;
	margin:50px 0 0 50px;
	width:300px;
	height: 340px;
	background: url(gif/float_c.jpg) no-repeat;
}

.float_l3 p{
        text-align: left;
	padding:30px 60px 40px 30px;
	font-size:13pt;
	line-height: 22pt;
        font-weight: bold;
        color: #ffffff;
}
.float_r{
	margin:50px 0 0 360px;
	width:300px;
	height: 280px;

}
.float_r p{
        text-align: left;
	padding:20px 20px 0px 20px;
	font-size:11.5pt;
	line-height: 15pt;

}
.float_r2{
	margin:50px 0 0 360px;
	width:300px;
	height: 350px;

}
.float_r2 p{
        text-align: left;
	padding:20px 20px 0px 20px;
	font-size:11.5pt;
	line-height: 15pt;

}

.float_r_top{
        text-align: left;
        font-weight: bold;
	font-size:12pt;
	color: #009900;

}
.waku_float
{
   border: 1px solid #009900;
   padding: 0 10px 10px;
}

table.koukai{
width: 550px;
border-top:2px solid #666666;
border-left:2px solid #666666;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin:30px 0 30px 70px;
}

.koukai td{
border-right:2px solid #666666;
border-bottom:2px solid #666666;
text-align:center;
font-size: 12px;
color: #333333;
height: 40px
}

.yaji {
	margin: 15px 0px 10px 20px;
	background: url(gif/yaji.jpg) no-repeat left;
	height:18px;
}
.yaji p{
        text-align: left;
	padding:0px 0px 0px 25px;
	font-size:11.5pt;
	line-height: 15pt;
}
.top_left{
float: left;
margin-left:65px;
width:196px;

}

.top_right{
margin-left:365px;
width:196px;
}

table.chuko_t{
width: 600px;
margin:10px 0 10px 70px;
}

.chuko_t td{
width: 300px;
text-align:left;
height: 25px
}
.md {
vertical-align: middle;
} 

.news_back {
	clear: both;
	width: 580px;
	margin:10px 0 10px 70px;
	padding:25px 25px 25px 25px;
	background: #efefef;
}
.news_back p{
	padding:15px 0px 15px 0px;
	font-size:11.5pt;
	line-height: 15pt;
}

.goannai_waku {
	clear: both;
	width: 580px;
	margin:50px 0 10px 70px;
	padding:25px 25px 25px 25px;
	border: 1px dotted #666666;
}
.goannai_waku p{
	padding:15px 0px 15px 50px;
	font-size:11.5pt;
	line-height: 15pt;
}
.goannai{
	margin: 20px 20px 20px 0px;
	line-height: 20pt;
	padding: 0px 0px 0px 7px;
	border-left: 5px solid #D0C99F;
	border-bottom: 1px dotted #cccccc;
	font-weight: bold;
	line-height: 22pt;
}
.hp_title{
	margin: 30px 0px 10px 0px;
	font-size: 140%;
	font-weight: bold;
}
.waku_oyawaza
{

	margin: 30px 30px 30px 30px;
	padding:0px 0px 50px 0px;
	border: 1px dotted #666666;
	width: 680px;
}
.waku_oyawaza p
{
	padding:0px 50px 0px 50px;
	font-size: 14px;
}
.waku_midasi
{
	margin: 50px 30px 50px 30px;
	background: url(gif/oyawaza_sem2.png) no-repeat left;
	width: 620px;
}
.waku_midasi p
{
	padding:5px 5px 5px 45px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.sem_g p
{
	margin: 20px 0px 20px 0px;
	line-height: 15pt;
}
.question
{
	padding:2px 2px 2px 2px;
	background: #ff9494;
	color: #fff;
	font-weight: bold;
}
img.img_right{
float: right;
padding: 0px 0px 0px 5px;
border-style: none;
}

div.clear{
clear: both;
}
.mel_pc{
float: left;
margin-left:10px;
width:300px;

}

.mel_mo{
margin:0px 0px 0px 310px;
width:300px;
}
.keizoku
{
padding: 20px 20px 20px 20px;
margin: 30px 0px 30px 50px;
border: 2px dotted #cc0000;
width: 600px;
}
.keizokup{
font-weight: bold;
font-size: 30px;
color: #cc0000;
}
.menu2{
margin: 30px 0px 0px 0px;
padding: 10px 0px 10px 80px;
text-align:left;
background: #F5F2E9;
}
.menu2 p{
margin: 20px 0px 20px 0px;
}