/*
▼サイト共通：各種ボックス
*/


/*
▼allbox
------------------------------*/
div#allbox01{
width: 100%; background: #fff; margin: 0px auto; text-align: center;
}
div#allbox02{
margin: 0px auto;
}


/*
▼headerbox
------------------------------*/
div#headerbox{
width: 820px; margin: 0px auto 10px;
}
div#headerbox h1{
float: left; width: 123px; margin: 0px;
}
div#headerbox div.formbox{
float: right; width: 300px; margin: 0px; padding-top: 16px; text-align: right;
}
div#headerbox div.formbox table{
margin: 0px 0px 0px auto;
}
div#headerbox div.formbox th{
padding-right: 6px;
}
div#headerbox div.formbox td select{
margin-right: 3px; 
}
div#headerbox div.formbox select.area{
font-size: 10px;
}

div#headerbox div.sitebox {
float: left;
width: auto;
height:18px;
margin: 0px;
padding:30px 0 0 20px;
text-align: left;
}
div#headerbox div.sitebox ol{
margin:0px;
}
div#headerbox div.sitebox  ol li{
float: left; list-style: none;
}
div#headerbox div.sitebox  ol li img{
margin: 0px 5px;
}


/*
▼menubarbox
------------------------------*/
div#menubarbox01{
width: 100%; height: 48px; background: url(../../img000/menubar/background/01.jpg) repeat-x;
}
div#menubarbox02{
width: 846px; background: url(../../img000/menubar/background/02.jpg) no-repeat right top; margin: 0px auto; text-align: center;
}
div#menubarbox02 table{
width: 840px; margin: 0px auto;
}

/*
▼pankuzubox
------------------------------*/
div#pankuzubox01 {
	width: 100%;
	background: url(../../img000/pankuzu/background.jpg) repeat-x bottom;
}
div#pankuzubox02 {
	width: 640px;
	height:30px;
	left:-100px;
	margin: 0px auto;
	padding: 10px 0px 13px;
	position:relative;
} 
div#pankuzubox02 p {
	margin: 0px;
	font-size: 10px;
	line-height: 1.4em;
	text-align: left;
} 
div#pankuzubox02 .twitter {
	position: absolute;
	top: 6px;
	right: -90px;
}
div#pankuzubox02 .facebook {
	position: absolute;
	top: 6px;
	right: -205px;
}

/*
▼mainimgbox{
------------------------------*/
div.mainimgbox{
margin: 0px 0px 1.5em;
}

/*
▼blockbox
------------------------------*/
div.blockbox{
margin: 0px 0px 3em;
}
div.blockbox div.box-s{
margin: 0px 0px 1.5em 20px;
}
div.blockbox div.box-s div.box-ss{
margin: 0px 0px 1.5em 20px;
}

/*
▼blockbox box-s ttlbox
------------------------------*/
div.blockbox div.box-s div.ttlbox{
background: url(../../img000/bullet/ornament_s.gif) no-repeat left top; margin: 0px 0px 10px; padding: 0px 0px 0px 30px; 
}
div.blockbox div.box-s div.ttlbox h4{
margin: 0px 0px 4px; padding: 3px 0px; font-size: 18px; color: #00089c;
}
div.blockbox div.box-s div.ttlbox h6{
margin: 0px;
}



/*
▼blockbox leadbox
------------------------------*/
div.blockbox div.leadbox{
margin: 0px 0px 2.5em 20px;
}

/*
▼blockbox table.itemlist
------------------------------*/
div.blockbox table.itemlist{
background: #4f58e9;
}
div.blockbox table.itemlist th{
background: #ededed; color: #000; line-height: 1.4em; text-align: left;
}
div.blockbox table.itemlist td{
background: #fff; line-height: 1.4em;
}
div.blockbox table.itemlist tr.align-center th,div.blockbox table.itemlist tr.align-center td{
text-align: center;
}
/*#wingbox*/
div#wingbox01 div.blockbox table.itemtable{
border-bottom: 0px none #fff;
}
div#wingbox01 div.blockbox table.itemtable td{
border-top: 0px none #fff; border-bottom: 0px none #fff; padding: 3px 0px;
}


/*
▼maincontentbox
------------------------------*/
div#maincontentbox01{
width: 840px; background-image: url(/wp-content/themes/ginga/img000/wing/background/all.gif); background-repeat: repeat-y; margin: 0px auto 1.5em; text-align: left;
}
div#maincontentbox02{
width: 840px;
}
body#inlinepage div#maincontentbox01{
width: 560px; background-image: none;
}
body#inlinepage div#maincontentbox02{
width: 560px;
}

/*
▼maincontentbox contentbox
------------------------------*/
div#maincontentbox01 div#contentbox01{
float: left; width: 600px; margin: 0px auto 0px 0px;
}

div#contentbox01 div.blockbox dt{
margin: 0px 0px 6px; color: #000; font-weight: bold;
}
div#contentbox01 div.blockbox dt a{
font-weight: normal;
}
div#contentbox01 div.blockbox dd{
border-bottom: 1px solid #ccc; margin: 0px 0px 2em; padding: 0px 0px 2em 30px;
}
div#contentbox01 div.blockbox dd li{
margin: 0px 0px 1.5em 2em; list-style: outside;
}
div#contentbox01 div.blockbox dd .itemlist li{
list-style: inide; margin-bottom: 3px; margin-left: 0px;
}
div#contentbox01 div.blockbox dd.noline{
border-bottom: 0px none #fff; padding-bottom: 0px;
}
div#contentbox01 table.itemtable dd li{
margin-bottom: 3px;
}
div#contentbox01 dd h5{
margin: 0px 0px 10px; font-size: 12px; color: #000; text-align: center;
}

/*
▼maincontentbox pagettlbox
------------------------------*/
div#pagettlbox01{
width: 840px; height: 110px; margin: 0px auto; padding: 0px; text-align: left;
}
div#pagettlbox02{
margin-top: 1.5em; text-align: center;
}
div#pagettlbox01 h2{
background: url(../../img000/goldbanner.jpg) repeat-x bottom; margin: 0px; padding: 0px 0px 18px;
}
div#pagettlbox01 h5{
background: url(../../img000/grayline.jpg) repeat-x bottom; margin: 0px; padding: 4px 1em;
}

/*
▼maincontentbox categoryttlbox
------------------------------*/
div#maincontentbox01 div.categoryttlbox{
margin: 0px 0px 1.5em;
}
div#maincontentbox01 div.categoryttlbox dt{
background: url(../../img000/goldline.jpg) repeat-x bottom; margin: 0px 0px 6px; padding: 0px 0px 6px;
}
div#maincontentbox01 div.categoryttlbox h3{
background: url(../../img000/bullet/star_c.gif) no-repeat left top; margin: 0px; padding: 2px 0px 2px 30px;
}
div#maincontentbox01 div.categoryttlbox dd{
margin: 0px;
}


/*
▼maincontentbox wingbox
------------------------------*/
div#maincontentbox01 div#wingbox01{
float: right; width: 220px;
}
div#maincontentbox01 div#wingbox02{

}
div#maincontentbox01 div#wingbox01 div.blockbox{
margin: 0px 0px 1em;
}
div#maincontentbox01 div#wingbox01 div.blockbox div.box-s{
margin: 0px;
}
div#maincontentbox01 div#wingbox01 h3.blockttl{
margin-bottom: 10px;
}
div#maincontentbox01 div#wingbox01 li{
list-style: none outside; margin: 0px 0px 3px; padding: 0px;
}

/*
▼wingbox arcbox
------------------------------*/
div#maincontentbox01 div#wingbox01 div.arcbox01{
width: 220px; background: url(../../img000/wing/arcbox/background/01.jpg) repeat-y top; padding: 0px 0px 5px; text-align: center;
}
div#maincontentbox01 div#wingbox01 div.arcbox02{
width: 220px; background: url(../../img000/wing/arcbox/background/02.jpg) repeat-y top;
}
div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s{
width: 220px; background-repeat: no-repeat; background-position: top; padding: 40px 0px 0px; 
}

div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s-blog{
width: 220px; background-repeat: no-repeat; background-position: top; padding: 15px 0px 0px; 
}

div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s div.captionbox{
width: 210px; border-bottom: 1px solid #ccc; margin: 0px auto; padding: 6px 0px;
}
div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s h5{
margin: 0px 0px 6px;
}
div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s h3{
margin: 0px 0px 6px;
}
div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s dt{
margin: 0px 0px 3px;
}
div#maincontentbox01 div#wingbox01 div.arcbox01 div.box-s dd{
margin: 0px 0px 1em; padding: 0px 10px; font-size: 10px; line-height: 1.4em; text-align: left;
}


/*タイトル画像入替*/
div#maincontentbox01 div#wingbox01 div#historio div.box-s{
background-image: url(../../img000/wing/arcbox/historio/ttl_es.jpg);
}
div#maincontentbox01 div#wingbox01 div#sana-biero div.box-s{
background-image: url(../../img000/wing/arcbox/sana_biero/ttl_es.jpg);
}
div#maincontentbox01 div#wingbox01 div#enkonduko div.box-s{
background-image: url(../../img000/wing/arcbox/enkonduko/ttl_es.jpg);
}

div#maincontentbox01 div#wingbox01 div#enkonduko div.box-s-blog{
background-image: url(../../img000/wing/arcbox/enkonduko/ttl_es_blog.jpg);
}

div#maincontentbox01 div#wingbox01 div#kompanio div.box-s{
background-image: url(../../img000/wing/arcbox/kompanio/ttl_es.jpg);
}


/*ランダムバナー（確率変動）*/
div#maincontentbox01 div#wingbox01 div#enkonduko div.photobox img{
width: 200px; height: 320px; margin-bottom: 6px;
}


/*
▼remarksbox
------------------------------*/
div.remarksbox{
border: 1px solid #ccc; background: #ededed; margin: 0px 0px 1.5em; padding: 1em 3em; line-height: 1.6em;
}
div.remarksbox h4{
margin: 0px 0px 6px; font-size: 14px; color: #000;
}
div.remarksbox p{
margin-bottom: 0px;
}

/*
▼blockbox table.itemtable
------------------------------*/
div.blockbox table.itemtable{
width: 100%;
}
div.blockbox table.itemtable caption{
padding: 0px 0px 3px; text-align: left;
}
div.blockbox table.itemtable th{
width: 100px; background: url(../../img000/itemtable/line.gif) no-repeat left top #ededed; border-top: 6px solid #fff; border-bottom: 1px solid #ccc; padding: 6px 0.5em; color: #000; font-weight: normal; text-align: left;
}
div.blockbox table.itemtable td{
border-top: 6px solid #fff; border-bottom: 1px solid #ccc; padding: 6px 0.5em;  
}

/*
▼artframebox
------------------------------*/
div.artframebox01{
background-repeat: no-repeat; background-position: left top;
}
div.artframebox02{
background-repeat: no-repeat; background-position: right bottom;
}

/*
▼artframebox
------------------------------*/
div.pagenavibox{
border-top: 3px double #ccc; margin: 0px 0px 1em; padding: 6px 0px 0px;
}
div.pagenavibox ol{
text-align: center;
}
div.pagenavibox li{
display: inline; margin: 0px; line-height: 2.0em;
}
div.pagenavibox li a{
margin: 0px 6px;
}

/*
▼footerbox
------------------------------*/
div#footerbox{
width: 100%; height: 260px; background: url(../../img000/footer/background.gif) repeat-x top; text-align: left;
}

div#footerbox div.announcebox{
width: 830px; margin: 0px auto 9px; padding: 35px 10px 0px;
}
div#footerbox div.announcebox h6{
margin: 0px;
}

/*
▼footerbox minibnbox
------------------------------*/
div#footerbox div.minibnbox{
width: 840px; height: 25px; background: url(../../img000/blueline/840.gif) no-repeat top #fff; margin: 0px auto;
}
div#footerbox div.minibnbox ol{
padding-top: 10px;
}
div#footerbox div.minibnbox ol li{
float: left; list-style: none;
}
div#footerbox div.minibnbox ol li img{
margin: 0px 5px;
}
div#footerbox div.minibnbox ol li.minibn-backtotop{
float: right;
}

/*
▼footerbox copyrightbox
------------------------------*/
div#footerbox div#copyrightbox01{
width: 100%; background: url(../../img000/goldline.jpg) repeat-x top; padding-top: 4px;
}
div#footerbox div#copyrightbox02{
width: 830px; margin: 0px auto; padding-top: 10px;
}
div#footerbox div#copyrightbox01 div.s-right{
width: 400px; text-align: right;
}
div#footerbox div#copyrightbox01 div.s-left{
width: 100px; text-align: left;
}
div#footerbox div#copyrightbox01 h3{
margin: 0px;
}
div#footerbox div#copyrightbox01 h4{
margin: 0px 0px 10px; padding-top: 2px; text-align: right;
}
div#footerbox div#copyrightbox01 p{
margin: 0px;
}