@charset 'utf-8';

/*============================================================
Third.CSS


Site URL:	http://www.shoujyou.jp/
File Name:	third.css(/common/css/third.css)
Summary:	第三階層に関するCSS
Created:	2008/02/28
Modified:	2008/02/30


Copyright(C)Y.M All Rights Reserved.
============================================================*/

/*_*********************************
*	0. 第三階層で全般的に使用
		/*0-1.タブ形式用
*	1. カリグラフィー
*	2. 賞状アイテム
*	3. 在籍筆耕者の紹介
*********************************_*/



/*==============================
0.第三階層で全般的に使用
==============================*/

/*-------------------
dl.thumbnail
--------------------*/

dl.thumbnail{
width:250px;
margin:0px 20px 20px 0px;
float:left;
}

dl.no-margin{
margin-right:0px;
}

dl.thumbnail dt{
color:#ffffff;
font-weight:bold;
background-color:#382b24;
border-top:1px solid #a67b1d;
border-bottom:1px solid #a67b1d;
padding:3px 5px 3px 5px;
text-align:center;
}

dl.thumbnail dd{
background-color:#e3e2d4;
margin:0px;
padding:10px 10px 1px 10px;
text-align:center;
}

dl.thumbnail dd p{
margin:0px 0px 10px 0px;
}




/*==============================
0-1.タブ形式のページで使用
[/item][/zaiseki]
==============================*/

/*-------------------
ul.tabMenu
--------------------*/

ul.tabMenu{
font-size:110%;
text-align:center;
margin:0px 10px 10px 10px;
padding:0px;
}

ul.tabMenu li{
line-height:100%;
display:inline;
padding:2px 5px 2px 5px;
border-right:1px solid #333333;
}

ul.tabMenu li.end{
border-right:none;
padding-right:0px;
}

ul.tabMenu li em a{
color:#999900;
text-decoration:none;
}


/*-------------------
div.tabSection
--------------------*/

div.tabSection{
border:1px solid #a67b1d;
margin:0px 10px 10px 10px;
padding:10px;
}




/*==============================
1.カリグラフィーで使用[/calligraphy]
==============================*/

/*-------------------
div#calligrapher
--------------------*/

div#calligrapher{
zoom:100%;
margin-bottom:30px;
}

div#calligrapher:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

div#calligrapher h4{
height:29px;
background-image:url(../../kansya/calligraphy/images/bg_h4_calligraphy.gif);
background-position:left top;
background-repeat:no-repeat;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
border-bottom:none;
position:relative;
}

div#calligrapher h4 img{
position:absolute;
top:4px;
left:12px;
}

div#calligrapher p.photo{
padding:0px 0px 0px 10px;
margin:0px;
float:left;
}

div#calligrapher div.profile{
width:290px;
padding:10px 0px 0px 0px;
float:right;
}

div#calligrapher div.profile h5{
line-height:100%;
padding:0px 0px 5px 0px;
margin:0px 20px 10px 0px;
border-left:none;
border-bottom:1px solid #664c12;
}

div#calligrapher div.profile dl{
width:251px;
background-image:url(../../kansya/calligraphy/images/bg_calligraphy_profile.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0px 33px 10px 10px;
}

div#calligrapher div.profile dl dt{
color:#664c12;
font-weight:bold;
padding:10px 13px;
line-height:100%;
}

div#calligrapher div.profile dl dd{
padding:0px 13px 10px 13px;
}





/*==============================
2.賞状アイテムで使用[/item]
==============================*/


/*-------------------
div.itemSection
--------------------*/

div.itemSection{
margin:0px 10px 20px 10px;
border-bottom:1px dashed #664c12;
clear:both;
zoom:100%;
}

div.itemSection:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

div.itemSection h4{
color:#664c12;
font-size:120%;
font-weight:bold;
line-height:27px;
padding:0px 0px 0px 26px;
margin:0px 0px 10px 0px;
background-color:#ebe3d2;
background-image:url(../images/icon/ic_circle_brown.gif);
background-position:5px 40%;
background-repeat:no-repeat;
border-bottom:1px solid #664c12;
}


/* p */

div.itemSection p{
margin-bottom:10px;
}

div.itemSection p.photo{
padding:0px 0px 0px 12px;
margin:0px 15px 10px 0px;
float:left;
}

div.itemSection p.folderPhoto{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}


/* dataSection */

div.itemSection div.dataSection{
float:left;
padding:0px 10px 0px 0px;
}

div.itemSection div.dataSection p{
margin:0px 0px 10px 10px;
}


/* div.section */

div.itemSection div.section{
margin:0px 0px 1px 0px;
padding:10px 0px 0px 0px;
}

div.itemSection div.section p{
margin-bottom:1.5em;
}


/*-------------------
div.itemMiniSection
--------------------*/

div.itemSection div.itemMiniSection{
width:220px;
float:left;
margin:0px 35px 10px 0px;
}

div.itemSection div.itemMiniSection p.photo{
float:none;
padding:0px;
margin:0px 0px 10px 0px;
text-align:center;
}

div.itemSection div.no-margin{
margin-right:0px;
}

div.itemSection div.itemMiniSection p{
text-align:center;
margin:0px 0px 10px 0px;
}

div.itemSection div.itemMiniSection p span.price{
color:#cc0000;
}


/*-------------------
table.itemPrice
--------------------*/

div.itemSection table.itemPrice{
/*background-color:#eee9de;*/
margin:0px 10px 10px 0px;
border:none;
border-top:1px solid #b59d73;
}

div.itemSection table.itemPrice th{
font-weight:normal;
padding:6px 10px 6px 15px;
border-bottom:1px solid #b59d73;
}

div.itemSection table.itemPrice td{
color:#cc0000;
padding:6px 15px 6px 10px;
border-bottom:1px solid #b59d73;
}

div.itemSection table.itemPrice caption{
color:#664c12;
font-weight:bold;
padding:10px 0px 5px 0px;
}

/* div.section余白調整など */

div.itemSection div.section table.itemPrice{
background-color:#f5f3ef;
margin:0px 0px 10px 20px;
}

div.itemSection div.section table.itemPrice th{
text-align:left;
}

div.itemSection div.section table.itemPrice caption{
padding:0px 0px 5px 0px;
}




/*-------------------
table.itemData
--------------------*/

div.itemSection table.itemData{
/*background-color:#eee9de;*/
margin:0px 20px 0px 20px;
border:none;
border-top:1px solid #b59d73;
font-size:110%;
}

div.itemSection table.itemData th{
font-weight:normal;
padding:6px 10px 6px 15px;
border-bottom:1px solid #b59d73;
}

div.itemSection table.itemData td{
padding:6px 15px 6px 10px;
border-bottom:1px solid #b59d73;
}

div.itemSection table.itemData caption{
color:#664c12;
font-weight:bold;
padding:10px 0px 5px 0px;
font-size:90%;
}







/*==============================
3.在籍筆耕者の紹介で使用[/zaiseki]
==============================*/

/*-------------------
div.profileSection
--------------------*/

div.profileSection{
margin:10px 15px 20px 15px;
}

div.profileSection h4{
height:17px;
line-height:100%;
background-image:url(../images/icon/ic_box_brown.gif);
background-position:left 4px;
background-repeat:no-repeat;
border-bottom:1px solid #c8c0af;
margin:0px 0px 6px 0px;
position:relative;
}

div.profileSection h4 img{
position:absolute;
top:0px;
left:12px;
}

div.profileSection p{
margin:0px 0px 10px 12px;
}



/*-------------------
div.sampleSection
--------------------*/

div.sampleSection{
margin:20px 15px 20px 15px;
}

div.sampleSection h4{
line-height:100%;
padding:0px 0px 4px 0px;
margin:0px 0px 6px 0px;
border-bottom:1px solid #c8c0af;
}

div.sampleSection p{
margin:0px 0px 1.5em 10px;
}

div.sampleSection div.thumbnail{
zoom:100%;
margin:0px 0px 20px 0px;
}

div.sampleSection div.thumbnail:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

div.sampleSection div.thumbnail ul{
text-align:center;
}

div.sampleSection div.thumbnail ul li{
display:inline;
margin:0px;
padding:0px;
}

div.sampleSection div.thumbnail ul li img{
padding:0px 5px 10px 0px;
}

div.sampleSection div.thumbnail ul.tate li img{
padding:0px 15px 10px 0px;
}

div.sampleSection div.thumbnail ul li.no-margin img{
padding-right:0px;
}

div.sampleSection div.thumbnail ul.tate li.no-margin img{
padding-right:0px;
}