@charset "UTF-8";

/* ------------------------------------------------------------
 layout col2 CSS
 更新日:08/08/30

 
 目次
 0:layout
 1:sideNav
 2:box要素
 3:list要素
 4:photolayout
 5:Footer
 6:強調
------------------------------------------------------------ */

/* 
 0:layout
------------------------------ */

div#contentsArea{
width:866px;
overflow:hidden;
margin:0 15px 0 5px;
background:url(../img/contentsarea_bg.gif) repeat-y;
}

/* 
 1:sideNav
------------------------------ */

div#contentsArea div#sideNav{
float:left;
width:159px;
padding:0 0 2px 0;
margin:0 0 10px 0;
}


div#contentsArea div#sideNav ul#catNav li{
height:45px;
}
div#contentsArea div#sideNav ul#catNav li.ttNav{
height:38px;
margin-bottom:1px;
}

div#contentsArea div#sideNav ul#catNav li img{
vertical-align:bottom;
}


div#contentsArea div#sideNav ul#catNav li.backTop{
padding-top:7px;
text-align:center;
}

div#contentsArea div#contents{
float:right;
width:688px;
margin-left:18px;
}

/* 
 2:box要素
------------------------------ */

/* 角丸Box - 汎用 */

div.box01{
width:658px;
padding:5px 0 0 0;
margin:0 auto;
background:url(../img/box01_col2_top.gif) no-repeat;
}

div.box01 div.inner{
padding:5px 10px 10px 10px;
background:url(../img/box01_col2_bottom.gif) no-repeat bottom;
}

/* 角丸Box - FAQ用 */

div.faq{
width:658px;
overflow:hidden;
margin:0 auto;
padding:0;
background:url(../img/box01_col2_bottom.gif) no-repeat bottom;
}

div#contentsArea div.faq h3{
margin:0; padding:10px;
background:url(../img/box01_col2_top.gif) no-repeat;
font-weight:bold;
color:#cb1514;
}

div.faq h3 img{
vertical-align:bottom;
padding-right:10px;
}

div.faq img.ansNo{
width:29px;
padding-left:10px;
float:left;
}

div.faq div.answer{
width:609px;
float:left;
padding:0 10px 10px 0;
}

div.pageNav{
overflow:hidden;
width:685px;
}

/* 角丸Box - グレー背景　 汎用*/
div.section div.gryBox{
width:654px;
padding:5px 0 0 0;
margin:0 0 40px 20px;
background:url(/common/img/grybox_top.gif) no-repeat #efefef;
}

div.gryBox div.inner{
padding:5px 10px 10px 20px;
background:url(/common/img/grybox_bottom.gif) no-repeat bottom;
}

div.gryBox div.inner span{
background:url(/books/stylebook/img/grybox_icon_red.gir.gif) no-repeat 0px 2px;
padding:0 0 0 10px;
margin:0 0 0 10px;
}


/* 
 3:list要素(赤三角リスト)
------------------------------ */
ul.red{
margin:10px 0 20px 10px;
}

ul.red li{
padding:0 0 0 15px;
background:url(/privacypolicy/img/icon_red.gif) no-repeat 2px 5px;
}

ul.red li.none{
padding:0 0 0 15px;
background:none;
}


/* 
 3.indexList
------------------------------ */
div#contents dl.indexList{
margin:0 5px;
}

div#contents dl.indexList dt{
float:left;
padding:10px 0 0 0;
}

div#contents dl.indexList dd{
padding:10px 0 0 150px;
border-bottom:#CCCCCC 1px dashed;
}

div#contents dl.indexList dd p{
margin:0; padding:0;
min-height:3.2em;
_height:3.2em;
}

div#contents dl.indexList dd h2{
clear:none;
background:none;
padding:0; margin:0 0 5px 0;
}



/* 
 4:photolayout
------------------------------ */

/* photo Navigation */

div.photoNav{
width:672px;
overflow:hidden;
margin:0 auto 10px auto;
}

div#contentsArea div.photoNav h3{
padding:0; margin:0;
float:left;
background:none;
color:#fff;
}

div.photoNav ul{
float:right;
}

div.photoNav ul li{
float:left;
padding:0 0 0 2px;
}

#photoPrevBtn,
#photoNextBtn,
div.photoNav ul li img{
cursor:hand;
}

/* Photo detail : 写真のみ */

div.photoDetail01{
width:672px;
margin:0 auto;
}

/* Photo detail : 詳細あり */

div.photoDetail02{
width:672px;
overflow:hidden;
margin:0 auto;
margin-bottom:10px;
}

div.photoDetail02 div.first{
width:186px;
float:left;
}

div.photoDetail02 div.first div.tbl01{
margin:6px 0 0 0;
width:186px;
}

div.photoDetail02 div.first div.tbl01 th,
div.photoDetail02 div.first div.tbl01 td{
padding:4px 2px 5px 2px;
}

div.photoDetail02 div.second{
width:475px;
float:right;
}

/* Photo遷移リンク */

ul.PhotoNP{
margin:10px 0;
text-align:right;
}
ul.PhotoNP li#navprev{display:none;}
ul.PhotoNP li#navnext{display:inline;}

/* 
 5:Footer
------------------------------ */

div#Footer{
background:url(../img/foot_bg_col2.gif) no-repeat top;
}

/* 
 6:強調
------------------------------ */
strong{
font-weight:bold;
}