@charset "Shift_JIS";

/* ===================================================
base.css for all pages, all browser(excet IE4,NN4)

 01.BASE

 02.DESIGN STRUCTURE

 03.DOCUMENT STRUCTURE

 04.LINKTEXT DECOTAIOTN

 05.EACH

 06.FORM MODULES  

 07.FLASH
 
==================================================== */

/* 01 BASE
-------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
/*\*/ a { overflow:hidden; }/**/

body{
	font-size:13px;
	*font-size:small;
	*font:x-small;	
	font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	color:#000;
	background:url(../images/common/bg_commonHeader.gif) repeat-x 0 0;
}

table { font-size:inherit; font:100%; }

hr{ display:none; }

ul,ol { list-style-type: none; }

img{ border:0; margin:0; padding:0; vertical-align:top; }

.clear{ clear:both; height:1px; overflow: hidden; }

.rightImg{ float:right; padding:15px 0 0 15px; }
.leftImg{ float:left; padding:15px 15px 0 0; }


/* 02 DESIGN STRUCTURE
-------------------------------------------------------------------------------------------------------- */

/* header
------------------------------------------------------*/

#header{ height:111px; width:973px;}
#header p{ float:right; margin-top:20px; }


/* mainNaviArea
------------------------------------------------------*/

#mainNaviArea{ margin-left:40px; }
#mainNaviArea li{ float:left; }


/* contentArea
------------------------------------------------------*/

#contentArea{ overflow:hidden; margin-top:5px; width:976px; }

#contentArea:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html #contentArea { height:1em; overflow:visible; }
/**/


/* subNaviArea
------------------------------------------------------*/

#subNaviArea{ width:300px; float:left; margin-top:23px; }

#subNaviArea p img{ margin-left:40px; }

#subNaviArea table{ margin:10px 0 0 40px; }

#subNaviArea td{ background:url(../images/common/blog_main.jpg) no-repeat 0 100%; padding:0 15px 15px 15px; }

#subNaviArea ul{ margin-left:40px; margin-top:15px; }
 
#subNaviArea .NumtextArea{
	margin:20px 40px 0 40px;
	padding:5px;
	background-color:#F5F5F5;
	border:solid 2px #ccc;
	font-size:85%;
}	


/* blogParts
----------------*/

.blogTitle{ font-size:100%; font-weight:bold; background:url(../images/common/blog_title.gif) repeat-x 0 100%; padding-bottom:10px; }

.blogTitle span{ font-size:85%; font-weight:normal; display:block; }

.blogOpening { margin-top:10px; font-size:85%; }

.blogLink{ text-align:right; margin-top:5px; font-size:85%; }


/* bannerArea
----------------*/

.bannerArea li{ margin-bottom:10px; }


/* mainArea
------------------------------------------------------*/

#mainArea{ width:673px; float:right; margin-top:23px; }


/* footer
------------------------------------------------------*/

#footer{
	background:url(../images/common/bg_footer.gif) repeat-x 0 0;
	width:100%;
	height:149px;
	clear:both;
	margin-top:50px;
}

#footer div{ width:973px; text-align:center; color:#fff; background:url(../images/common/bg_footer.gif) repeat-x 0 0;}
#footer div p{ padding-top:30px; }
#footer div a{ color:#fff; }

#footer address{
	font-style:normal;
	font-size:85%;
	margin-top:40px;
	line-height:1.5em;
}


/* attentionArea
----------------*/

.attentionArea{
	margin:0 0 15px 0;
	text-align:center;
	font-size:85%;
	color:#666;
}	

.attentionArea02{
	background-color:#F8F8F8;
	border:solid 1px #C7C7C7;
	padding:15px;
	margin-top:25px;
	font-size:85%;
}	


/* commonTable
------------------------------------------------------*/

.commonTable{
	margin-top:20px;
	border-collapse:collapse;
}

.commonTable th , .commonTable td{
	padding:5px 10px;
	text-align:left;
	font-weight:normal;
	border:solid 1px #CCCCCC;
	font-size:95%;
}

.commonTable th{ background-color:#EBEBEB; }			

.commonTable th.subTh{ background-color:#F4F4F4; }


/* commonTableWide
----------------*/

.commonTableWide{
	border-collapse:collapse;
	margin-top:20px;
}	

.commonTableWide th, .commonTableWide td{
	padding:10px;
	font-size:95%;
	border:solid 1px #CCCCCC;
	font-weight:normal;
	vertical-align:top;
}

.commonTableWide th{
	background-color:#EBEBEB;
	padding:5px 10px;
}


/* layoutTable
------------------------------------------------------*/

.layoutTable th , .layoutTable td{
	border:none;
	padding:5px 5px 5px 0;
	font-size:inherit;
}	


/* commonOlList
------------------------------------------------------*/

.commonOlList{ margin:15px 0 0 25px; list-style-type:decimal; }	
.commonOlList li{ margin-bottom:5px; }	


/* commonUlList
------------------------------------------------------*/

.commonUlList{ margin:15px 0 0 15px; list-style-type:disc; }	
.commonUlList li{ margin-bottom:5px; }	


/* commonDlArea
------------------------------------------------------*/

.commonDlArea{
	margin-top:20px;
	padding:15px;
	background-color:#F6F6F6;
	border:solid 1px #E4E4E4;
}

.commonDlArea dt{
	color:#FFA610;
	font-weight:bold;
}

.commonDlArea dd{ margin-top:5px; }		


/* attentionList
------------------------------------------------------*/

.attentionList{ margin-top:20px; }

.attentionList li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
	list-style-type:none;
}


/* contactArea
------------------------------------------------------*/

.contactArea{ margin-top:50px; }


/* arrowList
------------------------------------------------------*/

.arrowList{ margin-top:40px; }

.arrowList li{
	background:url(../images/each/img_index_arrow01.gif) no-repeat 0 0;
	padding-left:25px;
	margin-bottom:20px;
}	

.arrowList ul{ margin-top:20px; }





/* 03 DOCUMENT STRUCTURE
-------------------------------------------------------------------------------------------------------- */

h1{ 
	font-size:75%;
	font-weight:normal;
	line-height:1.4em;
	color:#6B6B6B;
	padding:23px 0 0 120px;
	margin-left:40px;
	_margin-left:20px;
	background:url(../images/common/img_logomark.jpg) no-repeat 0 23px;
	float:left;
}

h1 img{ margin-bottom:5px; }


h3{
	background-color:#FFF3D0;
	border-top:solid 1px #E2E2E2;
	padding:7px 10px;
	margin-top:30px;
	font-size:100%;
}

h4{
	font-size:95%;
	font-weight:bold;
	margin-top:25px;
	border-bottom:solid 1px #FFA610;
	border-left:solid 5px #FFA610;
	padding:3px 10px;
}	


p , li , dt , dd{ font-size:95%; line-height:1.4em;}

.paragraph{ margin-top:15px; }

.paragraphSide{ text-align:right; margin-top:15px; }

.leadTitle{
	font-size:135%;
	font-weight:bold;
	color:#FFA610;
	display:block;
	margin-top:20px;
}

.pageTop{ text-align:right; margin-top:20px; }

.breadArea{
	margin-left:40px;
	margin-top:15px;
}	

.memo{ font-size:85%; }

.memoSide{
	font-size:85%;
	text-align:right;
}


/* 04 LINKTEXT DECOTAIOTN
-------------------------------------------------------------------------------------------------------- */

a{ color:#2587CD; text-decoration:none; }
a:hover{ color:#62B4EF; text-decoration:underline; }


/* 05.EACH
-------------------------------------------------------------------------------------------------------- */

/* index.html
------------------------------------------------------*/

body#index{ background:url(../images/common/bg_header.gif) repeat-x 0 0; }

body#index #header p{ float:right; margin-top:0; }

body#index #contentArea{ margin-top:0; }

body#index #subNaviArea{ width:276px; float:left; margin-top:23px; }

body#index #subNaviArea .NumtextArea{ margin:20px 20px 0 40px; }

body#index #mainArea{ width:697px; float:right; margin-top:23px; }

body#index h2{ margin-top:15px; }


/* itemArea
----------------*/

#itemArea{ margin-top:15px; }

.itemArea01{ padding:20px 20px 20px 0; }
.itemArea02{ padding:20px 0 20px 20px; }
.itemArea03{ padding:20px 20px 20px 0; }
.itemArea04{ padding:20px 0 20px 20px; }

.itemArea01 dl , .itemArea02 dl , .itemArea03 dl , .itemArea04 dl{ width:320px; height:114px; }
.itemArea01 dt , .itemArea02 dt , .itemArea03 dt , .itemArea04 dt{ float:left; }
.itemArea01 dd , .itemArea02 dd , .itemArea03 dd , .itemArea04 dd{ margin-left:120px; margin-top:5px; font-size:85%; }

.arrowArea{
	font-size:85%;
	padding-right:20px;
	margin-top:10px;
	text-align:right;
}

.itemArea01 .arrowArea{ background:url(../images/each/img_index_arrow01.gif) no-repeat 100% 0 ; }
.itemArea02 .arrowArea{ background:url(../images/each/img_index_arrow02.gif) no-repeat 100% 0 ; }
.itemArea03 .arrowArea{ background:url(../images/each/img_index_arrow03.gif) no-repeat 100% 0 ; }
.itemArea04 .arrowArea{ background:url(../images/each/img_index_arrow04.gif) no-repeat 100% 0 ; }


.borderArea01{
	background:url(../images/common/border_dotted01.gif) repeat-x 0 0;
	height:1px;
}

.borderArea02{
	background:url(../images/common/border_dotted02.gif) repeat-y 0 0;
	width:1px;
}


/* info.html
------------------------------------------------------*/

body#info{ background:none; }

.infoArea{ margin:5px; }
.infoArea dt{ margin-top:10px; font-size:85%; }	
.infoArea dd{ padding-bottom:10px; background:url(../images/common/border_dotted01.gif) repeat-x 0 100%; }


/* shop.html
------------------------------------------------------*/

/* shopNaviArea
----------------*/

.shopNaviArea{ margin-top:20px; }	
.shopNaviArea li{ float:left; }


/* googlemapArea
----------------*/

.map{ margin-top:20px; }
.map p{ margin-top:10px; text-align:right; }
a.outLink{ background:url(../images/common/icon_link.gif) no-repeat right top; padding:0 15px 3px 0; }	


/* shopPhotoArea
----------------*/

.shopPhotoArea{
	margin-top:10px;
	overflow:hidden;
}

.shopPhotoArea:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html .shopPhotoArea { height:1em; overflow:visible; }
/**/

.shopPhotoArea li{ float:left; } 	
.shopPhotoArea li.spacer img{ margin:0 11px; }


/* staffList
----------------*/

.staffList{
	margin-top:20px;
	overflow:hidden;
}

.staffList:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html .staffList { height:1em; overflow:visible; }
/**/


.staffList dt{
	float:left;
	display:block;
	clear:left;
}

.staffList dd{ margin-left:185px; }


/* voice.html
------------------------------------------------------*/

.voiceArea{
	margin-top:20px;
	overflow:hidden;
	background:url(../images/each/bgimg_voice_footer.gif) no-repeat 0 100%;
	padding-bottom:18px;
}

.voiceArea:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html .voiceArea { height:1em; overflow:visible; }
/**/

.voiceTitleArea{
	width:673px;
	height:91px;
}

.voice01{ background:url(../images/each/bgimg_voice_header01.gif) no-repeat 0 0; }
.voice02{ background:url(../images/each/bgimg_voice_header02.gif) no-repeat 0 0; }
.voice03{ background:url(../images/each/bgimg_voice_header03.gif) no-repeat 0 0; }

.voiceTitleArea .title{
	color:#FFA610;
	font-size:122%;
	font-weight:bold;
	padding:25px 80px 0 100px;
}

.voiceTitleArea .name{
	padding:5px 0 0 100px;
	font-size:85%;
}

.voiceBody{
	background:url(../images/each/bgimg_voice_body.gif) repeat-y 0 0;
	overflow:hidden;
}	

.voiceBody:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html .voiceBody { height:1em; overflow:visible; }
/**/

.voiceBody img{ float:right; margin:20px 15px 0 0; }

.voiceBody dl{ padding:0 210px 15px 15px; }	

.voiceBody dt{
	background:url(../images/each/img_Q.gif) no-repeat 5px 0.5em;
	background-color:#FFF4E3;
	border-top:solid 1px #FFA610;
	padding:10px 10px 10px 35px;
	margin-top:20px;
	font-weight:bold;
}

.voiceBody dd{ 
	margin-top:10px;
	padding:0 0 0 35px;
	background:url(../images/each/img_A.gif) no-repeat 5px 0em;
}


/* blog.html
------------------------------------------------------*/

/* blogNaviArea
----------------*/

#blogNaviArea{ margin-bottom:15px; }

#subNaviArea ul.blogList{
	margin-top:0;
	background-color:#FFFFFF;
	border-left:solid 1px #E2E2E2;
	border-right:solid 1px #E2E2E2;
	margin-right:40px;
}	

.blogList li{
	background:url(../images/each/img_blog_arrow.gif) no-repeat 10px 0.9em;
	border-bottom:solid 1px #E2E2E2;
	padding:7px 5px 7px 25px;
}

#subNaviArea ul.blogList ul , #subNaviArea ul.blogList ul ul{
	margin:0 0 0 0;
	border:none;
}	
	
.blogList li li , .blogList li li li{
	border:none;
	font-size:inherit;
	font-size:100%;
	padding:7px 5px 0 25px;
}	

#subNaviArea ul.blogTagList{
	margin-top:0;
	background-color:#FFFFFF;
	border-left:solid 1px #E2E2E2;
	border-right:solid 1px #E2E2E2;
	border-bottom:solid 1px #E2E2E2;
	margin-right:40px;
	padding:7px;
}

.blogTagList li{
	display:inline;
	margin-right:10px;
}	

.blogTagList li.taglevel6 { font-size: 95%; }
.blogTagList li.taglevel5 { font-size: 108%; }
.blogTagList li.taglevel4 { font-size: 125%; }
.blogTagList li.taglevel3 { font-size: 133%; font-weight:bold; }
.blogTagList li.taglevel2 { font-size: 167%; font-weight:bold; }
.blogTagList li.taglevel1 { font-size: 183%; font-weight:bold; }


/* blogMainArea
----------------*/

.blogMainArea{
	background:url(../images/each/bgimg_blog_footer.gif) repeat-x 0 100%;
	padding-bottom:15px;
}	

.blogMainArea h3{
	background:url(../images/each/bgimg_blogTitle.gif) repeat-x 0 0;
	height:56px;
	font-size:122%;
	border-top:none;
	padding:0 10px 0 15px;
	line-height:3.5em;
}	

.blogMainArea div p{ margin-top:15px; }

.blogLink{
	margin-top:20px;
	text-align:right;
}	

.blogNavi{ margin-top:20px; text-align:right; }
.blogNavi li{ display:inline; }


/* item.html
------------------------------------------------------*/

/* mainItemArea
----------------*/

.mainItemArea{ margin-top:20px; }	

.mainItemArea li{ float:left; }	

.mainItemArea img{ margin-right:3px; }


/* otherItemArea
----------------*/

.otherItemArea{ margin-top:10px; }

.otherItemArea li{
	width:332px;
	height:49px;
	margin-top:10px;
	float:left;
	line-height:4.3em;
}

.otherItemArea li.otherItem01{ background:url(../images/each/icon_item01.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem02{ background:url(../images/each/icon_item02.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem03{ background:url(../images/each/icon_item03.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem04{ background:url(../images/each/icon_item04.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem05{ background:url(../images/each/icon_item05.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem06{ background:url(../images/each/icon_item06.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem07{ background:url(../images/each/icon_item07.jpg) no-repeat 0 0; }
.otherItemArea li.otherItem08{ background:url(../images/each/icon_item08.jpg) no-repeat 0 0; }

.otherItemArea li a{
	padding:20px 18px 20px 65px;
	background:url(../images/common/icon_link.gif) no-repeat 100% 1.3em;
}	


/* linkArea
----------------*/

.linkArea{ margin-top:10px; }

.linkArea li{
	background:url(../images/each/bgimg_link.gif) no-repeat 0 0;
	width:332px;
	height:49px;
	margin-top:10px;
	float:left;
	line-height:4.3em;
	margin-right:4px;
}	

.linkArea li a{
	padding-left:30px;
	background:url(../images/common/icon_link.gif) no-repeat 100% 0;
	padding-right:18px;
}	


/* linkAreaLarge
----------------*/

.linkAreaLarge{
	margin-top:10px;
	float:left;
	width:332px;
	margin-right:4px;
}	

.linkAreaLarge dt{
	background:url(../images/each/bgimg_itemLinkHeader.gif) no-repeat 0 0;
	font-size:110%;
	font-weight:bold;
}

.linkAreaLarge dt a{
	padding:16px 0 0 30px;
	display:block;
	background:url(../images/common/icon_link.gif) no-repeat 95% 1em;
	padding-right:18px;
}	

.linkAreaLarge dd{
	background:url(../images/each/bgimg_itemLinkFooter.gif) no-repeat 0 100%;
	padding:10px;
	height:110px;
}		

.linkAreaLarge dd span{ font-size:85%; }	

.kairyoLink{
	margin-top:15px;
	background-color:#FCFCFA;
	border:solid 1px #E0E0E0;
}

.kairyoLink td{ font-size:95%; padding:10px; }	


/* item01-04.html
------------------------------------------------------*/

.item01 .leadTitle{ color:#00B0A1; }
.item02 .leadTitle{ color:#ccc; }
.item03 .leadTitle{ color:#5D0FFF; }
.item04 .leadTitle{ color:#FF6410; }

.item01 h3.h3Title , .item02 h3.h3Title , .item03 h3.h3Title , .item04 h3.h3Title{
	background:none;
	border:none;
	padding:0;
	margin-top:0;
}

.item01 h4 , .item02 h4 , .item03 h4 , .item04 h4{
	font-size:95%;
	font-weight:bold;
	margin-top:25px;
	border:none;
	padding:0;
}		


/* itemDetailArea
----------------*/

.itemDetailArea{
	border:solid 2px #E2E2E2;
	border-top:none;
	padding:20px;
	overflow:hidden;
}	

.itemDetailArea:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }

/*\*/
* html .itemDetailArea { height:1em; overflow:visible; }
/**/

.itemDetailArea ul{ margin-top:35px; }	

.itemDetailArea li{ float:left; }	

.itemDetailArea li img{ margin-right:12px; }


/* checkArea
----------------*/

.checkArea{
	background:url(../images/each/bgimg_item02_01.jpg) no-repeat 0 0;
	height:253px;
}	

.checkArea ul{ padding:30px 230px 0 15px; }	

.checkArea li{ 
	padding-left:80px;
	padding-bottom:15px;
}

.check01{ background:url(../images/each/icon_item02_01.gif) no-repeat 0 0; }	
.check02{ background:url(../images/each/icon_item02_02.gif) no-repeat 0 0; }	
.check03{ background:url(../images/each/icon_item02_03.gif) no-repeat 0 0; }	
.check04{ background:url(../images/each/icon_item02_04.gif) no-repeat 0 0; }	


/* checkDlArea
----------------*/

.checkDlArea{
	border:solid 1px #E5BAA1;
	background-color:#FEFFE9;
	margin-top:25px;
}

.checkDlArea dt{
	background-color:#E5BAA1;
	color:#fff;
	font-weight:bold;
	padding:5px;
	margin:2px;
	font-size:122%;
}

.checkDlArea ul{ margin:15px; }	

.checkDlArea li{ 
	padding-left:80px;
	padding-bottom:15px;
}


/* supplementArea
----------------*/

.supplementArea{
	border:solid 1px #E5BAA1;
	background-color:#FEFFE9;
	margin-top:25px;
	padding:0 15px 15px 15px;
}

.supplementArea dt{
	color:#FF5B02;
	font-weight:bold;
	margin-top:15px;
}	

.supplementArea dd{ margin-top:5px; }	

.item03 .itemDetailArea .supplementArea{
	background:url(../images/each/img_item03_12.gif) no-repeat 0 100% #FEFFE9;
	margin-top:0;
}

.item03 .itemDetailArea .supplementArea dt , .item03 .itemDetailArea .supplementArea dd{ margin-left:170px; }


/* talkArea
----------------*/

.talkArea li{
	margin-top:15px;
	padding:15px 10px 15px 85px;
}	

.talk01{ background:url(../images/each/img_item03_13.gif) no-repeat 5px 0.5em #FFF2EB; }

.talk02{ background:url(../images/each/img_item03_14.gif) no-repeat 5px 0.5em #F6EBFF; }


/* moneyTable
----------------*/

.moneyTable{
	margin-top:20px;
	border-collapse:collapse;
}

.moneyTable th , .moneyTable td{
	padding:5px 10px;
	text-align:left;
	font-weight:normal;
	border:solid 1px #CCCCCC;
	font-size:95%;
}

.moneyTable th{
	background-color:#EBEBEB;
	text-align:center;
}			

.moneyTable td{ text-align:right; }

.moneyTable th.subTh{ background-color:#F4F4F4; }

.moneyTable .noBorder{
	border: none;
	background:none;
	padding:0 5px 0 0;
	text-align:right;
}	


/* 06.FORM MODULES
-------------------------------------------------------------------------------------------------------- */

option{ padding-right:15px; }
select{ margin-bottom:5px; }
input , textarea{ font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif; }
.inputBottom{ margin-bottom:5px; }

.attention{ color:#A00000; }
.attention02{ color:#FF5B02; }
.attentionNote{ font-size:85%; color:#0E3191; }
.attentionEx{ font-size:85%; margin:0 5px;}

.inputText{ width:390px; padding:0 5px; }
.inputTextNormal{ width:220px; padding:0 5px; }
.inputTextShort{ width:150px; padding:0 5px; }
.inputTextVeryShort{ width:50px; padding:0 5px; }

.inputButton{ text-align:center; margin-top:30px; }	
	
.ex{ font-size:85%; color:#666; }	


/* 07.FLASH
-------------------------------------------------------------------------------------------------------- */

#flashcontent p { padding: 10px 0; text-align:center; }
#flashcontent p.top { padding-top: 20px; }
#flashcontent p.bottom { padding-bottom: 20px; }