@charset "utf-8"; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	background-image: url(../images/bg.gif); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: repeat-x; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
	background-color: #2b3e4d; /*背景色指定*/
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*フォントの種類指定(左から優先順位)*/
	font-size: 90%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	color: #ffffff; /*文字色指定*/
}

ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a { /*リンクの文字設定(マウスをのせる前)*/
	color: #ffffff; /*文字色指定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

a:hover { /*リンクの文字設定(マウスをのせた時)*/
	color: #C74B15; /*文字色指定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

.color1 {
	color: #ffff00; /*文字色指定*/
}

hr {
	margin: 20px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	border: none; /*境界線指定*/
	background-color: #696969; /*背景色指定*/
	height: 1px; /*領域の高さ指定*/
}

p{
	text-indent: 1em;
}

/* ----- リスト(ヘッダー内のリスト) ----- */

.list {
	margin-bottom: 10px; /*ボックス外側下の余白*/
}

.list li {
	line-height: 30px; /*行の高さ指定*/
	padding-left: 10px; /*ボックス内側左の余白*/
}

.list li a {
	color: #ffffff; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

/* ----- レイアウト ----- */

#container { /*container(入れ物、容器)の中に各要素(ボックス)を配置*/
	/* width: 950px; 幅指定(100%は画面横幅いっぱいに表示)*/
	/* margin: 0 auto; ボックス外側の余白(値2つは左から上下,左右の値)*/
	min-width:980px;
	margin:0 auto;
}

#content {
	/*float: right; 要素を左か右に寄せて配置(rightは右に寄せる)*/
	/*width: 740px; 幅指定(100%は画面横幅いっぱいに表示)*/
	/*margin-bottom: 20px; ボックス外側下の余白*/
	width:980px;
	margin:0 auto;
	overflow:hidden;
	/*margin-top:33px;*/
}

#main{
	overflow:hidden;
	width:960px;
	margin:0 auto;
	/*float:left;*/
}

/* ----- フッター(ページの一番下の部分) ----- */

#footer {
	clear: both; /*floatの回り込みを解除*/
	height: 30px; /*領域の高さを指定*/
	width: 100%; /*幅指定(autoは初期値に戻す)*/
	background-image: url(../images/foot.gif); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: repeat-x; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

#footer_inner {
	position: relative; /*ボックスの配置方法(relativeは相対位置配置)*/
	width: 950px; /*幅指定*/
	margin-left: auto; /*ボックス外側左の余白(margin-right: autoとセットで中央寄せ)*/
	margin-right: auto; /*ボックス外側右の余白(margin-left: autoとセットで中央寄せ)*/
}

#footer p {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	right: 10px; /*右からの距離(positionで指定している場合に適用)*/
	top: 10px; /*下からの距離(positionで指定している場合に適用)*/
	font-size: 0.75em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #ffffff; /*文字色指定*/
}

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

#footmenu {
	left: 10px; /*左からの距離(positionで指定している場合に適用)*/
	top: 10px; /*下からの距離(positionで指定している場合に適用)*/
}

#footmenu li {
	padding-left: 15px; /*ボックス内側左の余白*/
	margin-left: 15px; /*ボックス外側左の余白*/
	border-left: solid 1px #ffcc46; /*左境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	display: inline; /*要素の表示形式指定(inlineはインラインレベルで表示(リストを横並び))*/
	list-style-type: none; /*リストマーカーの種類指定(noneはなし)*/
}

#footmenu li.first {
	border-left: none; /*左境界線の一括指定(noneはなし)*/
}

#footmenu a { /*リンクの文字設定(マウスをのせる前)*/
	font-size: 0.75em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #ffffff; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

#footmenu a:hover { /*リンクの文字設定(マウスをのせた時)*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

/* ----- コンテンツ ----- */
.top_slide {
	/* clear: both; floatの回り込みを解除*/
	width: auto; /*幅指定(autoは初期値に戻す)*/
	margin: 10px 0 0 20px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

.post {
	clear: both; /*floatの回り込みを解除*/
	width: auto; /*幅指定(autoは初期値に戻す)*/
	margin: 10px 0 0 20px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

.post_left {
	float:left;  /* floatの回り込みを解除*/
	width: 550px; /*幅指定(autoは初期値に戻す)*/
	margin: 10px 0 0 20px; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

.post_right{
	float:right;  /* floatの回り込みを解除*/
	margin: 10px 20 0px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
}

.post h2 {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 30px; /*行の高さ指定*/
}

.post ul {
	margin-bottom: 10px; /*ボックス外側下の余白*/
}

.post ul li {
	padding-left: 15px; /*ボックス内側左の余白*/
}

.newlist {
	margin-bottom: 15px; /*ボックス外側下の余白*/
	border: solid 1px #696969; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

.newlist dl {
	width: auto; /*幅指定(autoは初期値に戻す)*/
	height: 340px; /*領域の高さ指定*/
	overflow: auto; /*領域に入りきらない内容の処理(autoはブラウザに依存(通常はみ出す場合はスクロール表示))*/
	padding-left: 5px; /*ボックス内側左の余白*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.newlist dd {
	border-bottom: solid 1px #696969; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	margin: 5px 10px 10px 5px; /*ボックス外側の余白(値4つは左から上,右,下,左の値)*/
}


div#leftContents{
	width: 200px;
	float: left;
}

div#mainContents{
	width: auto;
	display: inline;
	float: right;
}

div#leftContents h1{
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}

div#leftContents ul#gNavi{
	border: 1px solid #ccc;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
	margin-bottom: 30px;
}

div#leftContents ul#gNavi li{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	text-align: center;
	margin-bottom: 0;
}

div#leftContents ul#gNavi li img{
	vertical-align: bottom;
}

div#leftContents ul#gNavi li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
 	padding: 14px 0;
}

div#leftContents ul#gNavi li a:hover{
	color: #111;
	background: #E6F0F9;
}

div#leftContents ul#gNavi li.firstItem{
	border: none;
	padding-top: 0;
	border-bottom: 1px solid #fff;
}


div#leftContents ul.bannerSet{}
div#leftContents ul.bannerSet li{
	display: block;
	margin-bottom: 8px;
}

div#footer{
	clear: both;
	color: #333;
	margin-top: 45px;
	padding: 10px 0;
	border-top: 1px solid #efefef;
}
div#footer p#copyright{
	padding: 8px 0;
	text-align: center;
}

/*-------------------------------------*/

p#mainImg{}

div#mainContents h2{
	font-weight: bold;
	font-size: 14px;
	margin: 45px 0 20px 0;
	padding: 4px 0 4px 10px;
	display: block;
	color: #fff;
	background: url(../../share/img/bg_blue.gif) repeat 0 0;
}

/* CHAPTER */
div#conceptBox{
	margin-bottom: 30px;
}

div#conceptBox h2{
	margin-top: 30px;
}

/* 新着情報 */
div#topicsBox{}

div#topicsBox h2{}

div#topicsBox table{
	width: 700px;
	border-top: 1px solid #ccc;
}

div#topicsBox table th,
div#topicsBox table td{
	border-bottom: 1px solid #ccc;
}

div#topicsBox table th{
	padding: 10px 0 10px 14px;
	width: 100px;
	background: url(../../share/img/bg_border.gif) repeat 0 0;

}
div#topicsBox table td{
	padding: 10px 0 10px 20px;
	border-left: 1px solid #ccc;
}


/* 見出し */
div.chapterBox{}

div.chapterBox h2{}

div.chapterBox strong{
	display: block;
	font-weight: bold; color: #666;
	margin-bottom: 8px;
}

div.chapterBox span{
	display: block;
	margin-bottom: 8px;
}

div.chapterBox a{
	display: block;
	margin-bottom: 28px;
}

/*--- index ----------------------------------*/
div#footer{
	clear: both;
	color: #333;
	margin-top: 45px;
	padding: 30px 0;
	border-top: 1px solid #efefef;
}
div#footer p#copyright{
	padding: 8px 0;
	text-align: center;
}

/* index.css */
div.wrapBox{
	width: 960px;
	margin: 0 auto;
}


ul#subNavigation{}


ul#subNavigation li{
	display: block;
	margin-bottom: 14px;
}

.sTitle{
	margin: 60px 0 20px;
}


.sTitleFirst{
	margin: 0px 0 20px;
}



/*-------------------------------------
h3{
	text-align: center;
	margin: 90px 0;
	color: #900;
	border: 3px solid #900;
	padding: 10px 0;
}

p{
	margin-bottom: 15px;
}
*/





/*-------------------------------------*/
/* 見出し装飾 */
/*-------------------------------------*/


.chapter1{

	padding-bottom: 4px;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

}


.chapter2{

	padding-bottom: 4px;

	border-bottom: 3px solid #ccc;

	font-size: 16px;

	font-weight: bold;

}


.chapter3{

	padding-bottom: 4px;

	border-bottom: 3px solid #333;

	font-size: 14px;

	font-weight: bold;

}

.chapter4{

	padding-bottom: 4px;

	border-bottom: 3px solid #333;

	font-size: 16px;

	font-weight: bold;

}

.chapter5{

	padding: 6px 8px;

	background: #efefef;

	color: #111;

	font-size: 14px;

	font-weight: bold;

}

.chapter6{

	padding: 6px 8px;

	background: #ccc;

	color: #111;

	font-size: 14px;

	font-weight: bold;

}

.chapter7{

	padding: 6px 8px;

	background: #666;

	color: #fff;

	font-size: 14px;

	font-weight: bold;

}

.chapter8{

	padding: 6px 8px;

	background: #000;

	color: #fff;

	font-size: 14px;

	font-weight: bold;

}



.chapter9{
	padding: 6px 8px;
	background: #c00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter10{
	padding: 6px 8px;
	background: #900;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.chapter11{
	padding: 6px 8px;
	background: #63C068;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter12{
	padding: 6px 8px;
	background: #F5F6E4;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.chapter13{
	padding: 6px 8px;
	background: #F9EBF8;
	color: #900;
	font-size: 14px;
	font-weight: bold;
}

.chapter14{
	padding: 6px 8px;
	background: #BEA581;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.chapter15{
	font-size: 14px;
	font-weight: bold;
}

.chapter16{
	font-size: 16px;
	font-weight: bold;
}

.chapter17{
	font-size: 18px;
	font-weight: bold;
}



/* 一部ブラウザ対象外 */

.chapter18{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ccc;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}



/* 一部ブラウザ対象外 */

.chapter19{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #efefef;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
}



/* 一部ブラウザ対象外 */

.chapter20{

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background: #333;

	color: #fff;

	border: 1px solid #dedede;

	padding: 8px 10px;

	font-size: 14px;

	font-weight: bold;

}



.chapter21{

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background: #000;

	color: #fff;

	border: 1px solid #dedede;

	padding: 8px 10px;

	font-size: 14px;

	font-weight: bold;

}


/*-------------------------------------*/
/* テーブルフォーマット */
/*-------------------------------------*/

table{
	border-top: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}
table th,
table td{
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
table th{
	padding-right: 16px;
}
table td{
	border-left: 1px solid #ccc;
	padding-left: 16px;
}

table.tableDec1 th{ background: #efefef; padding-left: 10px;}
table.tableDec2 th{ background: #333; color: #fff; padding-left: 10px;}
table.tableDec3 th{ background: #d5ceb1; color: #fff; padding-left: 10px; border-bottom: 1px solid #fff; color: #333;}

/*-------------------------------------*/
/* リストフォーマット */
/*-------------------------------------*/

ul{
	display: block;
	margin-bottom: 20px;
}


ul.Number{ list-style: decimal inside;}


ul.imgList1{ list-style: circle inside;}

ul.imgList2{ list-style: disc inside;}


ul.bgList1 li{ background: url(../img/bg_list1.gif) no-repeat left center; padding-left: 1.5em;}

ul.bgList2 li{ background: url(../img/bg_list2.gif) no-repeat left center; padding-left: 1.5em;}

ul.bgList3 li{ background: url(../img/bg_list3.gif) no-repeat left center; padding-left: 1.5em;}

ul.bgList4 li{ background: url(../img/bg_list4.gif) no-repeat left center; padding-left: 1.5em;}

ul.bgList5 li{ background: url(../img/bg_list5.gif) no-repeat left center; padding-left: 1.5em;}

ul.borderList1 li{ border-bottom: 1px solid #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }

ul.borderList2 li{ border-bottom: 1px dotted #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }


/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/




/* 基本フォーマット */

div.txtTempSet{
	margin-bottom: 30px;padding-top:20px;
}


div.txtTempSet strong{
	display: block;
	font-weight: bold;
}


div#mainContents div.clearfix{
	width: 100%;
}



/* txtTemp1 */

div.txtTemp1{}
div.txtTemp1 strong{ margin-bottom: 6px;}
div.txtTemp1 span{ color: #666;}



/* txtTemp2 */

div.txtTemp2{}

div.txtTemp2 strong{ margin-bottom: 6px; font-size: 14px;}
div.txtTemp2 span{ color: #666;}



/* txtTemp3 */

div.txtTemp3{}

div.txtTemp3 strong{ margin-bottom: 6px; color: #900}
div.txtTemp3 span{ color: #333;}



/* txtTemp4 */

div.txtTemp4{}

div.txtTemp4 strong{ margin-bottom: 6px;}

div.txtTemp4 span{ color: #666;}

div.txtTemp4 p{ float: right; width: 194px;}



/* txtTemp5 */

div.txtTemp5{}
div.txtTemp5 strong{ margin-bottom: 6px;}
div.txtTemp5 span{ color: #666;}
div.txtTemp5 p{ float: left; width: 194px;}

/* txtTemp6 */
div.txtTemp6{}
div.txtTemp6 div.fL{ width: 350px;}
div.txtTemp6 strong{ margin-bottom: 6px;}
div.txtTemp6 span{ color: #666;}
div.txtTemp6 p{ float: right; width: 320px;}

/* txtTemp7 */
div.txtTemp7{}
div.txtTemp7 div.fR{ width: 350px;}
div.txtTemp7 strong{ margin-bottom: 6px;}
div.txtTemp7 span{ color: #666;}
div.txtTemp7 p{ float: left; width: 320px;}




/* new type */
#header{
	min-width:980px;
	background:url(../images/menu_off.png) repeat-x;
	height:45px;
	
}
#header1{
	min-width:980px;
	background:url(../images/head.png) repeat-x;
	height:65px;
	
}
#header2{
	/*width:980px;
	margin:0 auto;
	padding-top:3px;
	overflow:hidden;*/
	width: 740px; /*幅指定*/
	margin-left: auto; /*ボックス外側左の余白(margin-right: autoとセットで中央寄せ)*/
	margin-right: auto; /*ボックス外側右の余白(margin-left: autoとセットで中央寄せ)*/

}
#headerleft{float:left;display:block;}
h1{
	font-size:10px;
	color:#999797;
	margin-top:2px;
}
/*--------------------------------------
　メニュー
---------------------------------------*/

/*
div#leftContents ul#gNavi li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
 	padding: 14px 0;
}

div#leftContents ul#gNavi li a:hover{
	color: #111;
	background: #E6F0F9;
}

div#leftContents ul#gNavi li.firstItem{
	border: none;
	padding-top: 0;
	border-bottom: 1px solid #fff;
}

*/
#menu{
	
	width:auto;
	/*overflow:hidden;*/
	font-size:14px;
}
#menu li{
	float:left;
	line-height:0;
	height:55px;
	width:145px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-left: 1px solid #fff;
}

#menu li a{
	display:block;
	color:#fff;
	text-decoration:none;
	height:55px;
	line-height:56px;
}
#menu a:hover{/*color:#dc2020;*/ 
color: #111;background:#E6F0F9;}
#menu li strong{height:32px;}
#menu li strong a{color:#111;}

.m1 strong a{color: #111;background: #FFFFFF;}
.m2 strong a{color: #111;background: #FFFFFF;}
.m3 strong a{color: #111;background: #FFFFFF;}
.m4 strong a{color: #111;background: #FFFFFF;}
.m5 strong a{color: #111;background: #FFFFFF;}
.m6 strong a{color: #111;background: #FFFFFF;}
.m6{border-right: 1px solid #fff;}

.side_right{display:block;float:left;width:280px;margin:20px 0 0 30px;}
.side_left{display:block;float:left;width:580px;padding-left:0px;}
.right{display:block;float:right;width:280px;margin:20px 0 0 30px;}

.img_photo{margin:15px;}
.img_icon{margin-right:10px;}
#img_logo{margin:0 auto;width:960px;}
.top_slide{display:block;width:580px;float:left;}
.paragraph{clear:both;display:block;margin:0 auto;margin-top:30px;}
.divImageCenter{clear:both;width:720px;margin:0 auto;}