@charset "utf-8";

/* 
  -全体構造（リンク）
  -header
  -footer
  -contents


/*------ 初期設定 ------ */

html,body,div,h1,h2,h3,h4,h5,p,img,dl,dt,dd,ul,ol,li{
margin:0;
padding:0;
border:none;
vertical-align::top;
list-style:none;
font-size: 12px;
font-weight:normal;
}

body {
color: #808080;
font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

table,tr,th,td{
margin:0;
padding:0;
border:none;
text-align:left;
font-weight:normal;
}

/* link */

a:link,
a:visited{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a.l_out,
a.l_words{
min-height:13px;
height: auto !important;
height: 13px;
padding:0 0 12px 17px;
color:#1c6ae9;
display:block;
}

a.l_out{
background:url(../common/icon_link.gif) no-repeat;
}

a.l_words{
background:url(../common/icon_words.gif) no-repeat;
}

/* text setting */

.warn{
font-size:10px;
}

.txt10{
font-size:10px;
font-weight:normal;
}

.txt14{
font-size:14px;
}

.red{
color:#ff0066;
}

.blue{
color:#1c6ae9;
}

p{
  /*\*/
 letter-spacing:0.1em;
  /* */
 line-height:180%;
 text-align:left;
}




/*------ 全体構造 ------ */

#wrapper{
width:838px;
border:1px #333 solid;
background:url(../common/wrapper_bg.gif) repeat-x bottom;
margin:10px auto;
}

#bg{
padding:29px 0 0 23px;
background:url(../common/bg.jpg) no-repeat right 63px;
}

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

#header{

padding-bottom:32px;
}

#header #logo{
float:left;
}

#header ul#h_navi{
padding-right:25px;
float:right;
}

ul#h_navi li{
padding:0 7px;
border-left:1px #666 solid;
font-size:10px;
display:inline;
}

ul#h_navi li a{
color:#000;
}

/*------ 左コンテンツ ------ */

#left_box{
width:220px;
float:left;
}

#left_box .page_ttl{
padding:14px;
margin-bottom:28px;
}

#left_box h1{
margin-bottom:14px;
}

#left_box .page_ttl p{
font-size:10px;
padding:7px;
background:#fff;
color:#000;
}

#left_box #cat01{background:#ff6418;}

/* 左メニュー */

#left_menu{
margin-bottom:20px;
padding:12px 8px 12px 10px;
background:#eee;
border-right:1px #797979 solid;
border-bottom:1px #797979 solid;
}

#left_box li.dot{
border-bottom:2px #555 dotted;
margin-bottom:15px;
}

#left_box li a{
min-height:17px;
height: auto !important;
height: 17px;
padding:0 0 10px 18px;
color:#000;
display:block;
}

#left_box li.cam{background:url(../common/menu_icon_cam.gif) no-repeat;}
#left_box li.cam a{color:#ff267d;}
#left_box li.cat01 a{background:url(../common/menu_icon_01.gif) no-repeat;}
#left_box li.cat02 a{background:url(../common/menu_icon_02.gif) no-repeat;}
#left_box li.cat03 a{background:url(../common/menu_icon_03.gif) no-repeat;}
#left_box li.cat04 a{background:url(../common/menu_icon_04.gif) no-repeat;}
#left_box li.cat05 a{background:url(../common/menu_icon_05.gif) no-repeat;}

#left_box li a:link{
background-position:0 -17px;
}

#left_box li a:visited{
background-position:0 -17px;
}

#left_box li a:hover{
background-position:-13px 0;
}

/*------ 右コンテンツ ------ */

#right_box{
width:568px;
float:right;
}

#right_box h2{
padding-bottom:20px;
}

#right_box h3{
padding:0 0 0 18px;
margin-bottom:5px;
font-size:14px;

}

#right_box h3,
#right_box h4{
padding-bottom:8px;
font-weight:bold;
color:#333;
}



#right_box .section{
padding-bottom:30px;
}






/* 左 */

#right_box .left{
width:315px;
padding-left:20px;
float:left;
}


#right_box .left ul{
padding:0 0 15px 15px;
}

#right_box .left li{
 list-style-type:disc;
	padding-left:5px;
	margin-left:5px;
 letter-spacing:0.1em;
  /* */
 line-height:180%;
}

#right_box .sublink{
text-align:right;
}

/* 右 */

#right_box .right{
width:210px;
float:right;
}

.p_word div{
top:-10000px;
left:-10000px;
position:absolute;
background:#fafafa;
border:1px #ccc solid;
}

.p_wors a:link,
.p_wors a:visited{
color:#1c6ae9;
}

.p_word a:hover {
position:relative;
text-decoration:none;
color:#333;
}

.p_word a:hover div h5{
background:#eaeaea;
padding:10px;
}

.p_word a:hover div p{
padding:0 10px 10px 10px;
font-size:10px;
}

.p_word a:hover div{
top:15px;
left:20px;
}

/* 下 */

#right_box .bottom{
padding:0 20px 15px 20px;
clear:both;

}

#right_box .bottom img{
padding-bottom:15px;
}

/* 共通 */

#right_box .left p,
#right_box .bottom p{
padding-bottom:15px;
}

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

#footer{
padding:10px;
clear:both;
}

#footer p{
font-size:10px;
line-height:100%;
color:#ccc;
text-align:right;
}

#footerLogo{
float:left;
margin-top:-5px;
}

/* layout setting */

.clear{
	clear:both;
}

.floatL{
	float:left;
}

.floatR{
	float:right;
}

img{
vertical-align:top;
}

.mt15{
margin-top:15px;
display:block;
}

.mb15{
margin-bottom:15px;
display:block;
}

.pb00{
padding-bottom:0;
}