@charset "utf-8";

/************************************************************************************************  

50

************************************************************************************************/

ul#categoryList{
position:relative;
z-index:1;
margin:30px 0 0 0;
padding:0 18px 0 23px;
}

ul#categoryList li{
float:left;
width:50px;
padding:0 4px 0 0;
color:#ffffff;
font-size:20px;
font-weight:bold;
line-height:43px;
text-align:center;
}

li#a{background:url(../img/s50_btn01on.gif) no-repeat;}
li#ka{background:url(../img/s50_btn02on.gif) no-repeat;}
li#sa{background:url(../img/s50_btn03on.gif) no-repeat;}
li#ta{background:url(../img/s50_btn04on.gif) no-repeat;}
li#na{background:url(../img/s50_btn05on.gif) no-repeat;}
li#ha{background:url(../img/s50_btn06on.gif) no-repeat;}
li#ma{background:url(../img/s50_btn07on.gif) no-repeat;}
li#ya{background:url(../img/s50_btn08on.gif) no-repeat;}
li#ra{background:url(../img/s50_btn09on.gif) no-repeat;}
li#wa{background:url(../img/s50_btn10on.gif) no-repeat;}


ul#categoryList a{
display:block;
width:50px;
color:#e7f0cc;
background:url(../img/s50_btn01.gif) no-repeat;
}

ul#subCatList{
position:relative;
top:-4px;
width:541px;
padding:0 20px 0 20px;
background:url(../img/s50_header.jpg) no-repeat;
text-align:right;
}

ul#subCatList li{
display:inline;
padding:0 20px 0 0;
font-size:18px;
font-weight:bold;
line-height:41px;
}

ul#subCatList a{
color:#ffffff;
}

h4.initial{
float:left;
width:60px;
margin:10px 0 0 0;
color:#5ca049;
font-size:18px;
text-align:center;
}

ul.list{
float:left;
width:460px;
}

ul.list li{
float:left;
width:160px;
margin:10px 40px 0 0;
padding:0 0 0 30px;
border-bottom:1px dashed #6aa845;
background:url(../img/s50_icon01.gif) no-repeat 10px center;
}

p.pagetop2{
clear:both;
padding:20px 0 5px 0;
border-bottom:1px solid #5a9f4a;
text-align:right;
}

p.pagetop2 a{
padding:0 20px 0 20px;
background:url(../img/arrow01.gif) no-repeat left center;
}



/************************************************************************************************  

category

************************************************************************************************/

/*********** search area ***********/

div#searchArea{
position:relative;
margin:10px 0 0 0;
padding:0 0 55px 0;
background:url(../img/box_btm01.jpg) no-repeat left bottom;
}

div#searchArea ul{
position:relative;
padding:55px 0 0 40px;
background:url(../img/box_top01.jpg) no-repeat left top;
}

div#searchArea li{
position:relative;
display:inline;
float:left;
width:160px;
margin:0 80px 5px 0;
padding:0 0 0 30px;
color:#666666;
border-bottom:1px dashed #67b0c9;
background:url(../img/icon03.gif) no-repeat 10px center;
font-size:14px;
}

div#searchArea p{
margin:20px 0 0 0;
padding:0 20px 0 0;
text-align:right;
}

div#searchArea p a{
padding:0 20px 0 0;
background:url(../img/arrow02.gif) no-repeat right center;
}


/*********** result area ***********/

div#resultArea{
position:relative;
margin:5px 0 0 0;
padding:0 0 55px 0;
background:url(../img/box_btm01.jpg) no-repeat left bottom;
}

div#resultArea h4{
padding:55px 0 0 20px;
color:#2e81a5;
background:url(../img/box_top01.jpg) no-repeat 0 5px;
font-size:16px;
font-weight:normal;
}

div#resultArea h5{
margin:5px 0 0 20px;
padding:10px 20px 5px 20px;
background:url(../img/box_top02.gif) no-repeat;
}

div#resultArea p{
margin:0 0 0 20px;
padding:0 50px 10px 20px;
background:url(../img/box_btm02.gif) no-repeat left bottom;
}

div#resultArea ul{
position:relative;
padding:20px 0 0 40px;
}

div#resultArea li{
position:relative;
display:inline;
float:left;
width:160px;
margin:0 80px 5px 0;
padding:0 0 0 30px;
color:#666666;
border-bottom:1px dashed #67b0c9;
background:url(../img/icon03.gif) no-repeat 10px center;
font-size:14px;
}



/************************************************************************************************  

outline

************************************************************************************************/

div#name{
width:559px;
margin:5px 0 0 10px;
padding:3px 0 0 0;
background:#e6d7b8 url(../img/box_top05.gif) no-repeat left top;
}

div#name h3{
padding:0 0 0 10px;
color:#333333;
background:url(../img/box_btm05.gif) no-repeat left bottom;
font-size:20px;
}

div#outlineArea{
width:559px;
margin:30px 0 0 10px;
background:url(../img/box_middle06.gif) repeat-y;
}

h5#boxTop{
padding:30px 20px 0 25px;
background:url(../img/box_top06.gif) no-repeat;
}

div#outlineArea h5.section{
color:#993300;
font-size:12px;
}

div#outlineArea h4{
margin:5px 30px 0 20px;
padding:0 5px 3px 5px ;
color:#333333;
border-bottom:1px dashed #a77b22;
font-size:18px;
}

p#nameArea1{
overflow:auto;
margin:5px 30px 0 20px;
padding:5px 10px;
height:40px;
background:#fff8d9
}

div#nameArea2{
margin:30px 30px 0 20px;
padding:10px 0 20px 0;
border-top:1px dashed #a77b22;
}

div#name2{
float:left;
width:245px;
padding:0 10px 0 0;
}

div#name2 p{
font-size:14px;
}

div#name3{
float:left;
width:250px;
}

div#name3 p{
overflow:auto;
padding:5px 10px;
height:40px;
background:#fff8d9
}

div#outlineArea div.categoryArea{
margin:10px 30px 10px 20px;
padding:10px;
border:1px solid #7bc0d3;
background:#E3F7F9;
}

div#outlineArea div.categoryArea h4{
margin:0 0 0 0;
padding:0 0 0 15px;
border:none;
background:url(../img/icon03.gif) no-repeat left center;
font-size:14px;
font-weight:normal;
}

div#kindArea{
margin:30px 30px 0 20px;
}

div#kindArea p{
padding:10px 0 5px 0;
color:#333333;
border-bottom:1px dashed #a77b22;
font-size:14px;
}

div#commentArea{
min-heigt:90px;
padding:30px 30px 60px 20px;
background:url(../img/box_btm06.gif) no-repeat left bottom;
}

div#commentArea p{
display:inline;
border-bottom:1px dashed #666666;
line-height:2;
}

/***************■corporateへのボタン追加枠の設定　2011/05/26■***************/
.right_shiryou{
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	float:right;
	width:560px;
}

.right_shiryou_box{
	text-align:left;
	float:right;
	width:265px;
	margin-left:5px;
}

.right_shiryou_box p{
	margin-top:5px;
}