@charset "utf-8";



/* ==========================================================================================================

	  レイアウト構成 / 共通スタイル

============================================================================================================*/


/*  ヘッダ
---------------------------------------------------------------------------------------------------------*/

table#headerTop{width:870px;margin:0px auto;}
table#headerTop li{display:inline;}

div#siteSummary{
font-size:80%;
float:left;
margin-top:23px;
letter-spacing:0.05em;
}

table#headerTop ul{}
table#headerTop ul a {text-decoration: none; }

div#headerWrapper{background:url(/corporate/_img/header_bg.gif) repeat-x left top;}

div#header{width:870px;margin:0px auto;}
div#header ul{padding-top:5px;padding-bottom:5px;}
div#header li{display:inline;}

table#fontSize01 td{vertical-align:middle;}



/*  パンクズナビ
------------------------------------------------------------------------*/

div#pNav{font-size:80%; margin-top:10px; margin-bottom:20px; color:#808080;}



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

div#wrapper{width:870px; margin:0px auto; padding:0px 20px;}
td#primary{padding-left:28px;}



/*  secondary　ナビゲーション
------------------------------------------------------------------------*/
td#secondary{width:210px; background-color:#f9f9f9;}
.sNavBoder01{border:1px solid #DEE2E9;}
.sNavBoder02{border:2px solid #ffffff;}
.sNav01{
	background:url(/corporate/_img/sNav01.gif) no-repeat left top;
	display:block;
	width:169px;
	height:31px;
	padding:19px 5px 0px 30px;
	text-decoration: none;
	font-size:120%;
}
a.sNav01 {color: #ffffff; }
a.sNav01:link {color: #ffffff; }
a.sNav01:visited {color: #ffffff; }
a.sNav01:hover {color: #78a3bf; }

html>/**/body .sNav02_off{
	background:url(/corporate/_img/sNav02.gif) no-repeat left top;
	display:block;
	width:174px;
	padding:8px 5px 0px 25px;
}html>/**/body .sNav02_on{
	background:url(/corporate/_img/sNav02_on.gif) no-repeat left top;
	display:block;
	width:174px;
	padding:8px 5px 0px 25px;
}
html>/**/body .sNav_size01{height:22px;}
html>/**/body .sNav_size02{height:21px;}

.sNav02_off{
	background:url(/corporate/_img/sNav02.gif) no-repeat left top;
	display:block;
	width:174px;
	padding:9px 5px 0px 25px;
}
.sNav02_on{
	background:url(/corporate/_img/sNav02_on.gif) no-repeat left top;
	display:block;
	width:174px;
	padding:9px 5px 0px 25px;
}
.sNav_size01{height:21px;}
.sNav_size02{height:20px;}



/*  タイトル
---------------------------------------------------------------------------------------------------------------------------------*/

html>/**/body h2{
	background-image: url(/corporate/_img/h2_01.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-weight: normal;
	padding: 0px 0px 5px 16px;
	margin: 0px 0px 10px 0px;
	border-bottom:1px solid #031F54;
	font-size:130%;
	color:#031F54;
}

h2{
	background-image: url(/corporate/_img/h2_01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-weight: normal;
	padding: 0px 0px 1px 16px;
	margin: 0px 0px 10px 0px;
	border-bottom:1px solid #031F54;
	font-size:130%;
	color:#031F54;
}


/*  フッタ
---------------------------------------------------------------------------------------------------------------------------------*/
div#footer{width:870px; margin:0px auto;}

table#footer{
clear:both;
margin:0px auto;
}

table#footer01 td{border-top:solid 1px #000000; padding-top:10px; padding-bottom:10px; vertical-align:middle;}
table#footer01 a {color: #666666; font-size:80%;}
table#footer01 a:link {color: #666666; font-size:80%;}
table#footer01 a:visited {color: #666666; font-size:80%;}
table#footer01 a:hover {color: #B42282; font-size:80%;}


/*  ページトップへ
------------------------------------------------------------------------*/
.pageTop {margin-top:30px;float:right;}
.pageTop p{background:url(/corporate/_img/arrow_03.gif) no-repeat left 3px; padding:2px 0px 2px 13px; font-size:70%;}
.pageTop a {text-decoration: none; }

/*タブきりかえ表示
------------------------------------------------------------------------*/
.list_display{display:block;}
.list{display:none;}


/*  共通スタイル
--------------------------------------------------------------------------------------------------------------------------------*/


/*  共通テーブル
--------------------------------------------------------------------------------------------------------------------------------*/
table.table01{}
table.table01 th{
background-image:url(/corporate/_img/best_02.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:5px 10px;
color:#000000;
text-align:left;
font-weight:normal;
}
table.table01 td{
background-image:url(/corporate/_img/best_02.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:5px 10px;
}

table.table02{}
table.table02 th{
background-image:url(/corporate/_img/best_02.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:10px;
color:#000000;
text-align:left;
font-weight:normal;
background-color:#eeeff3;
}
table.table02 td{
background-image:url(/corporate/_img/best_02.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:10px;
}



/*  アロー
------------------------------------------------------------------------*/
html>/**/body .arrow1 {
	background-image: url(/corporate/_img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-weight: normal;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 3px 0px;
}
.arrow1 {
	background-image: url(/corporate/_img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-weight: normal;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 3px 0px;
}

html>/**/body .arrow2 {
	background-image: url(/corporate/_img/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-weight: normal;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 3px 0px;
	line-height:100%;
}
* html body .arrow2 {
	background-image: url(/corporate/_img/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-weight: normal;
	padding: 0px 0px 0px 14px;
	margin: 3px 0px 3px 0px;
	line-height:100%;
}
*+html body .arrow2 {
	background-image: url(/corporate/_img/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-weight: normal;
	padding: 0px 0px 0px 14px;
	margin: 2px 0px 3px 0px;
	line-height:100%;
}
.arrow2 {
	background-image: url(/corporate/_img/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	font-weight: normal;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 3px 0px;
	line-height:100%;
}

html>/**/body .arrow3 {
	background-image: url(/corporate/_img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-weight: normal;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 3px 0px;
}
.arrow3 {
	background-image: url(/corporate/_img/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-weight: normal;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 3px 0px;
}

html>/**/body .arrow4 {
	background-image: url(/corporate/_img/arrow_04.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	font-weight: normal;
	padding: 4px 0px 4px 8px;
	margin: 0px 0px 3px 0px;
}
.arrow4 {
	background-image: url(/corporate/_img/arrow_04.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-weight: normal;
	padding: 1px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
}

html>/**/body .arrow5 {
	background-image: url(/corporate/_img/arrow_05.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-weight: normal;
	padding: 4px 0px 4px 14px;
	margin: 0px 0px 3px 0px;
}
.arrow5 {
	background-image: url(/corporate/_img/arrow_05.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	font-weight: normal;
	padding: 1px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
}

html>/**/body .arrow6 {
	background:url(/corporate/_img/arrow_06.gif) no-repeat left 4px;
	padding:2px 0px 2px 13px;
	font-size:80%;
}
.arrow6 {
	background:url(/corporate/_img/arrow_06.gif) no-repeat left 3px;
	padding:2px 0px 2px 13px;
	font-size:80%;
}


/*  共通　ライン
------------------------------------------------------------------------*/
.line01{
	background-image:url(/corporate/_img/best_02.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:1px;
}
.line_left01{border-left:solid 2px #E6E6E6;}
.line_left02{border-left:solid 4px #666666;}
.line_bottom01{border-bottom:dotted 1px #A9AAAC;}
.line_bottom02{border-bottom:solid 1px #031F54;}
.line_bottom03{
background-image:url(/corporate/_img/line_02.gif);
background-position:left bottom;
background-repeat:repeat-x;}


/*  枠線
------------------------------------------------------------------------*/
.Boder01{border:1px solid #DEE2E9;}
.Boder02{border:1px solid #ffffff;}
.Boder03{border:2px solid #ffffff;}

/*  背景色
------------------------------------------------------------------------*/
.BkColor01{background-color:#F2F4F6;}
.BkColor02{background-color:#F6F2EC;}
.bk_best01{background-color:#FFFFFF;}


/*  ボタン
------------------------------------------------------------------------*/
a.bt01_s{
	background-color:#031F54;
	border:1px solid #7D9BD4;
	display:inline;
	color:#ffffff;
	font-size:80%;
	padding:2px 10px;
	text-decoration: none;
	letter-spacing:1px;
}
a.bt01_s:link {color:#FFFFFF;}
a.bt01_s:visited {color:#FFFFFF;}
a.bt01_s:hover {background-color:#8AA2CF;color:#FFFFFF;}

a.bt03_s{
	background-color:#031F54;
	border:1px solid #7D9BD4;
	display:inline;
	padding:2px 30px;
	text-decoration: none;
	letter-spacing:1px;
	color:#FFFFFF;
}
a.bt03_s:link {color:#FFFFFF;}
a.bt03_s:visited {color:#FFFFFF;}
a.bt03_s:hover {background-color:#8AA2CF;color:#FFFFFF;}

a.bt03_s2{
	background-color:#031F54;
	display:inline;
	padding:2px 8px;
	text-decoration: none;
	letter-spacing:1px;
	color:#FFFFFF;
}
a.bt03_s2:link {color:#FFFFFF;}
a.bt03_s2:visited {color:#FFFFFF;}
a.bt03_s2:hover {background-color:#8AA2CF;color:#FFFFFF;}

div#bt1 a{
display:block;
width:311px;
height:28px;
padding:12px 0 0 30px;
background:url(/corporate/_img/agree_btn_bg.gif) no-repeat top left;
color:#ffffff;
line-height:100%;
text-decoration:none;
}
div#bt1 a:link{color:#FFFFFF;}
div#bt1 a:visited{color:#FFFFFF;}
div#bt1 a:hover{background-color: #78a3bf;color:#FFFFFF;}


div#bt2 a{
display:block;
width:101px;
height:28px;
padding:12px 0 0 30px;
background:url(/corporate/_img/agree_btn_bg_small.gif) no-repeat top left;
color:#ffffff;
line-height:100%;
text-decoration:none;
}
div#bt2 a:link{color:#FFFFFF;}
div#bt2 a:visited{color:#FFFFFF;}
div#bt2 a:hover{background-color: #78a3bf;color:#FFFFFF;}

/*  インラインフレーム
------------------------------------------------------------------------*/
.logbox{
border: solid 1px #808080;
width: 600px;
height: 300px;
padding: 15px;
overflow: auto;
}

.ol01{
margin-left:25px;
}
.ol01 li{
margin-top:10px;
color:#000000;
}

.ul01{
list-style-type:disc;
margin-left:25px;
}
.ul01 li{
margin-top:2px;
color:#4d4d4d;
}



table#ir_menu p{padding:10px;}

/*  フォーム
------------------------------------------------------------------------*/

.form_txt01{width:400px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt01_s{width:250px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt02{width:60px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt03{width:30px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt04{width:400px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt04_s{width:250px;border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt05{width:238px;border: 1px solid #999999;background-color: #ffffff;line-height:17px;}
.form_txt06{border: 1px solid #041f56;background-color: #fcfcfc;line-height:17px;}
.form_txt07{border: 1px solid #999999;background-color: #ffffff;line-height:17px;}

.msg01{
background-color:#F4F0E9;
padding:40px;
margin:15px auto 0px;
}



/*  共通　font
------------------------------------------------------------------------*/
.f9{font-size:70%;}
.f10{font-size:80%;}
.f12{font-size:100%;}
.f14{font-size:120%;}
.f16{font-size:140%;}
html>/**/body .f14{font-size:120%;line-height:120%;}
.fBold{font-weight:bold;}
.fNormal{font-weight:normal;}

.fRed{color:#CE1717;}
.fBlue{color:#7C96BD;}
.fBlue2{color:#6885ab;}
.fBlue3{color:#031F54;}
.fOrange{color:#E34B0F;}
.fWhite{color:#FFFFFF;}
.fBlack{color:#000000;}
.fGray{color:#808080;}


/*  共通　margin
------------------------------------------------------------------------*/

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT18{margin-top:18px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}



.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}


.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR11{margin-right:11px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR50{margin-right:50px;}



.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}

.pB5{padding-bottom:5px;}
.pB15{padding-bottom:15px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}


.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL22{padding-left:22px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL40{padding-left:40px;}
.pL50{padding-left:50px;}


.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}
.pR40{padding-right:40px;}


/*  フロート・クリア・調整
------------------------------------------------------------------------*/

.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}
.center{text-align:center;}
.m_center{margin-left:auto; margin-right:auto;}
.left{text-align:left;}
.right{text-align:right;}
.middle{vertical-align:middle;}

/*エラー
------------------------------------------------------------------------*/
.error{
	color:#FF0000;
}


/*ショプロゴ
------------------------------------------------------------------------*/
.shop_logo{height:28px; width: 88px; background-color:#FFFFFF; border:1px solid #cccccc; text-align:center; vertical-align:middle;}
.shop_logo2{float:left; margin:0px 2px 2px 0px;}