@charset "UTF-8";
/* CSS Document */

/*初期化スタート*/
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , p , a , img , table{ 
margin: 0;
padding: 0;
border: none;
}

ul{
list-style:none;
}

a{
text-decoration:none;
color: #cccccc;
cursor: pointer;
}

a:visited {
color: #cccccc;
}

a:hover {
color: #ffffff;
}

a:active {
color: #ffffff;
}

/*ベース*/
body{
	font-size: 12px;
	color: #666666;
	font-family: "ＭＳ ゴシック", sans-serif;
	line-height: 150%;
	background-image: url(../../shared/images/bg.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}

#container{
width: 880px;
height: auto;
margin: 0 auto;
}

/*ヘッダースタート*/
#top{
height: 60px;
width: 860px;
margin: 15px auto 0 auto;
}

h1{
float: left;
height: 52px;
width: 570px;
display: block;
}

#wrap-logo{
width: 290px;
height: 41px;
float: right;
position:relative;
}

#wrap-logo h2{
display: block;
width: 290px;
height: 41px;
}
#wrap-logo h2 img{
width: 290px;
height: 41px;
}


/*コーポレートメニュースタート*/
#corporat-menu{
width: 172px;
height: 14px;
position: absolute;
top: 27px;
right: 0px;
}

#corporat-menu ul li{
float: left;
background-repeat: no-repeat;
}

#corporat-menu ul li a{
background-position: top;
background-repeat: no-repeat;
height: 14px;
display: block;
overflow: hidden;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
}
   
#corporat-menu ul li a:hover{
background-position: 0 -14px;
height: 14px;
}

#corporat-menu .c-menu1 a{
background-image: url(../images/corporat_menu1.gif);
width: 83px;
}

#corporat-menu .c-menu2 a{
background-image: url(../images/corporat_menu2.gif);
width: 49px;
}

#corporat-menu .c-menu3 a{
background-image: url(../images/corporat_menu3.gif);
width: 40px;
}

/*メニュースタート*/
#menu{
width: 862px;
height: 40px;
background-image:url(../../shared/images/menu_back.gif);
background-position:top;
background-repeat: no-repeat;
margin: 0 auto;
}

/*ビジュアルスタート*/

#visual{
height: 140px;
width: 860px;
margin: 10px auto 10px auto;
}

/*コンテンツスタート*/

#contents{
width: 860px;
height: auto;
margin: 0 auto 0 auto;
}

/*コンテンツ上段スタート*/

#contents-top{
background-image: url(../../shared/images/white_back_top.gif);
background-repeat: no-repeat;
background-position: top;
height: 30px;
width: 860px;
margin: 0 auto 0 auto;
}

#wrap-left-top{
background-image:url(../../shared/images/categoly_box_title.gif);
background-position:right bottom;
background-repeat:no-repeat;
width: 210px;
height: 30px;
text-indent:-1000em;
line-height:1px;
font-size: 1px;
}

/*コンテンツ中段スタート*/

#contents-middle{
float: left;
background-image: url(../../shared/images/white_back_middle.gif);
background-repeat: repeat-y;
height: auto;
width: 860px;
margin: 0 auto 0 auto;
}

/*コンテンツ中段左スタート*/

#wrap-left{
float: left;
height:370px;
width:210px;
}
#wrap-left .space{
height: 20px;
}
/*カテゴリーメニュースタート*/

#wrap-left #c-menu,#wrap-left #c-menu2{
background-image:url(../../shared/images/categoly_box.gif);
background-repeat:no-repeat;
background-position:right top;
height: 240px;
width: 210px;
}

#wrap-left #c-menu li,#wrap-left #c-menu2 li{
margin-top:10px;
}

#wrap-left #c-menu li.categoly1,#wrap-left #c-menu2 li.categoly1{
margin-top:0px;
}

#wrap-left #c-menu li a{
height: 12px;
width: 150px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
display: block;
margin: 0 0 0 40px;
overflow:hidden;
}

#wrap-left #c-menu2 li a{
height: 27px;
width: 150px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
display: block;
margin: 0 0 0 40px;
overflow:hidden;
}

#wrap-left #c-menu li a:hover,#wrap-left #c-menu li a.active,#wrap-left #c-menu2 li a:hover,#wrap-left #c-menu2 li a.active{
background-position: left bottom;
}

/*リクナビ*/

#wrap-left .rikunavi a{
display: block;
height: 80px;
width: 190px;
margin: 20px 0 0 20px;
}

/*コンテンツ中段右スタート*/

#wrap-right{
float: left;
width: 610px;
height: auto;
margin-left: 30px;
}

/*見出しスタート*/

#wrap-right h3{
display: block;
background-repeat:no-repeat;
background-position: left top;
width: 600px;
height: 40px;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
}

/*ディブスペーススタート*/

.space10{
height: 10px;
width:auto;
line-height:1px;
font-size:: 1px;
}

.space20{
height: 20px;
width:auto;
line-height:1px;
font-size:: 1px;
}

.space30{
clear: both;
height: 30px;
width: auto;
line-height:1px;
font-size:: 1px;
}

/*ラインスタート*/

.line{
background-image:url(../images/line1.gif);
background-repeat:no-repeat;
height: 1px;
width: 600px;
display: block;
line-height:1px;
font-size:: 1px;
}

/*ページトップスタート*/
.pagetop{
margin: 0px;
padding: 0px;
float: right;
height: 9px;
width: 78px;
}

.pagetop a{
line-height:1px;
font-size: 1px;
text-indent: -1000em;
display: block;
background-position: left top;
background-image: url(../images/btn_pagetop.gif);
background-repeat: no-repeat;
width: 58px;
height: 9px;
overflow:hidden;
}

.next{
margin: 0px;
padding: 0px;
float: right;
height: 9px;
width: 49px;
}

.next a{
line-height:1px;
font-size: 1px;
text-indent: -1000em;
display: block;
background-position: left top;
background-image: url(../images/btn_next.gif);
background-repeat: no-repeat;
width: 39px;
height: 9px;
overflow:hidden;
}

.next a:hover,.pagetop a:hover{
background-position: left bottom;
}

/*コンテンツボトムスタート*/

#contents-bottom{
clear: both;
background-image: url(../../shared/images/white_back_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 17px;
width: 860px;
margin: 0 auto 0 auto;
}


/*コピースタート*/

#copy{
clear: both;
height: 40px;
width: 860px;
margin: 0 auto;
}

#copy .copyright{
background-image: url(../../shared/images/copy2.gif);
background-repeat: no-repeat;
background-position: left center;
height: 40px;
width: 235px;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
margin: 0 auto 0 auto;
display: block;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */