@charset "utf-8";
@import url("./global.css");

/* ___________________________________________________________ structure */

body {
	background-image : url(../images/structure/body.gif);
}
div#shell div#contents {
	float : right;
	margin : 0 20px 0 0;
	_margin-right : 10px;
	width : 550px;
}
div#shell div#utilities {
	float : left;
	margin : 0 0 0 20px;
	_margin-left : 10px;
	width : 260px;
}
div#contents div.section {
	margin-bottom : 30px;
}
div#contents div.section div.topic {
	margin-bottom : 20px;
}
/* ___________________________________________________________ headline */

.information h3 {
	background-image : url(../images/shell/headline/information.jpg);
}
.mind h3 {
	background-image : url(../images/shell/headline/mind.jpg);
}
.kanoya h3 {
	background-image : url(../images/shell/headline/kanoya.jpg);
}
.satsuma h3 {
	background-image : url(../images/shell/headline/satsuma.jpg);
}
.kojika h3,
.umashisato h3,
.genmon h3,
.aotonbo h3,
.benitonbo h3,
.sozaishinsen h3 {
	background-image : url(../images/shell/headline/kojika.jpg);
}
.pub h3 {
	background-image : url(../images/shell/headline/pub.jpg);
}
.shop h3 {
	background-image : url(../images/shell/headline/shop.jpg);
}
.about h3 {
	background-image : url(../images/shell/headline/about.jpg);
}
.recruit h3 {
	background-image : url(../images/shell/headline/recruit.jpg);
}
.blog h3 {
	background-image : url(../images/shell/headline/blog.jpg);
}
.feed h3,
.terms h3,
.privacy h3,
.sitemap h3 {
	background-image : url(../images/shell/headline/global.jpg);
}


/* =====================================================================
	contents
====================================================================== */

ul.topic_path {
	margin : 0 0 20px 0;
	padding : 0;
	height : 30px;
	line-height : 30px;
}
ul.topic_path li {
	display : inline;
	background : none;
	margin : 0;
	padding : 0;
	line-height : 30px;
}
p.credit {
	margin : 0 0 10px 0;
	height : 180px;
}
p.sign {
	text-align : right;
}
.adr {
	margin-left : 65px;
}

/* ___________________________________________________________ credit */

.mind #contents h4 {
	overflow : hidden;
	background : url(../images/shell/contents/credit/h4.gif) no-repeat left bottom;
	height : 180px;
	text-indent : -2000px;
}
.mind #contents h4 {
	background-image : url(../images/shell/contents/credit/mind.jpg);
}
.detail #contents h4 {
	background : url(../images/shell/contents/headline/h4.gif) repeat-x left bottom;
	margin : 0 0 12px 0;
	padding : 0;
	font-size : 1.3em;
	height : 40px;
	line-height : 40px;
	text-indent : 9px;
}
/*
.information.index h4 {
	background-image : url(../images/shell/contents/credit/information.jpg);
}
.kanoya.index h4 {
	background-image : url(../images/shell/contents/credit/kanoya.jpg);
}
.declaraton.index h4 {
	background-image : url(../images/shell/contents/credit/satsuma.jpg);
}
.kojika.index h4 {
	background-image : url(../images/shell/contents/credit/kojika.jpg);
}
.pub.index h4 {
	background-image : url(../images/shell/contents/credit/pub.jpg);
}
.shop.index h4 {
	background-image : url(../images/shell/contents/credit/shop.jpg);
}
.about.index h4 {
	background-image : url(../images/shell/contents/credit/about.jpg);
}
.recruit.index h4 {
	background-image : url(../images/shell/contents/credit/recruit.jpg);
}
*/
/* ___________________________________________________________ column */

div.column .section {
	margin : 0 7px;
	_margin-left : 4px;
}
ul.column2 li {
	float : left;
	width : 250px;
}
.sitemap ul.column2 li {
	float : left;
	margin-left : 10px;
	_margin-left : 5px;
	width : 240px;
}

/* ___________________________________________________________ detail */

.detail div#contents h4 {
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
}
p.date {
	text-align : right;
	margin : -6px 0 4px 0;
	padding : 0;
}
p.navigation {
	text-align : center;
}
div#contents ul li {
	background : url(../images/option/more.gif) no-repeat 0 0.6em;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 6px;
	list-style : inside url(../images/option/more.gif);
	height : 100%;
}
span.red,
span.red strong {
	color : #CF114D;
}
span.orange,
span.orange strong {
	color : #FF9319;
}
span.blue,
span.blue strong {
	color : #00A8E5;
}
strong span,
th span,
strong big,
th big {
	font-weight : bold;
}
.sitemap hr {
	margin-bottom : 15px;
}

/* ___________________________________________________________ active */

p.active {
	background : url(../images/option/more.gif) no-repeat 0 0.6em;
	text-indent : 10px;
}
ul.active {
	padding : 5px 0 0 0;
	border-top : 1px solid #010101;
	text-align : right;
}
ul.active li {
	display : inline;
	background : none !important;
	padding : 0;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	border-top : 1px dotted #010101;
	padding : 3px 0 0 0;
	text-align : right;
}
tr.active {
	background : #F3F1ED;
}

/* ___________________________________________________________ pub / shop */

div.summary {
	float : left;
	width : 350px;
}
div.summary dl {
	position : relative;
	margin : 0;
	padding : 0;
}
div.summary dl dt {
	position : absolute;
	left : 0;
	_left : -35px;
	margin : 0;
	padding : 0 0 5px 0;
	background : none;
	text-indent : 0;
	width : 3.5em;
}
div.summary dl dd {
	margin : 0 0 5px 3em;
	padding : 0;
}
div.summary p {
	clear : both;
}
.pub p.more,
.shop p.more,
.kojika p.more {
	border-top : 1px solid #010101;
	text-align : right;
}

/* ___________________________________________________________ cm */

.cm div#contents address {
	margin-top : 30px;
}
a.flash {
	overflow : hidden;
	display : block;
	margin : 0 0 8px 0;
	background : url(../images/option/get_flash.gif) no-repeat 0 0;
	text-indent : -1000px;
	width : 158px;
	height : 39px;
}

/* ___________________________________________________________ about / history */

dl.history {
	position : relative;
	margin : 0;
}
dl.history dt {
	position : absolute;
	left : 0;
	margin : 0;
	padding : 0.7em 0;
	border : none;
	background : none;
	width : 9em;
	text-indent : 0;
}
*html dl.history dt {
	width : 12em;
}
dl.history dd {
	margin : 0;
	padding : 0.7em 0 0.7em 10.2em;
	height : 100%;
	border-bottom : 1px dotted #444444;
}