@charset "utf-8";
/*
	Site Name: KOSA TOWN
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================
	1: CONTENTS
	2: LEFTNAVI
	3: CONTENTS TIETLE/H2
	4: SYOUSAI
	5: OTHER
==========================================================
*/
/*
===== 1: CONTENTS ====================================
内容：コンテンツボックス*/

div#content {
	text-align:left;
	margin:0;
	padding:0 10px 0 10px;
	line-height:1.5em;
	width:100%;
	max-width:900px;
	font-size:100%;
}


* html #content {
width:expression(document.body.clientWidth > 900? “900px” : “auto”);
}

div#content p{
	margin:10px 20px;
	margin-bottom:0.9em;
	line-height:1.6em;
}


/*
===== 2: LEFTNAVI ====================================*/

/*左ガイドバーリスト表示*/

div#box .inner h3.other {
	border-bottom:#990 2px solid;	
	background-color:#FEFCD3;
}
	
div#box .inner h3.guide {
	background-color:#e4f5c1;
	border-bottom:#090 2px solid;
}

div#box .inner h3.child {
	background-color:#FEE2E2;
	border-bottom:#E76B94 2px solid;
}

div#box .inner h3.sangyou {
	background-color:#DDEDFF;
	border-bottom:#39C 2px solid;
}

div#box .inner h3.kankou {
	background-color:#FC0;
	border-bottom:#F60 2px solid;
}


div#box .inner h3.chosei {
	background-color:#E9FEB1;
	border-bottom:#060 2px solid;
}
div#box .inner h3.dl {
	background-color:#ECF4ED;
	border-bottom:#06C 2px solid;
}	
/*
===== 3: CONTENTSTIETLE ====================================*/

h2.other_tl,.guide_tl {
	height:50px;
	font-size:120%;
	font-weight:bold;
	text-indent:20px;
	line-height:2.8em
}

/* その他情報タイトル */
h2.other_tl {
	background:url(../common/title_kurashi.gif) no-repeat left;
}
/* その他情報背景 */
div.otherT {
	background:url(../common/title_kurashi_bk.gif) right;
	
}



/*
===== 4: SYOUSAI ====================================
*/

/*リスト表示*/

ul#news li {
	list-style:disc outside;
	line-height:1.5em;
	padding-bottom:5px;	
}

/* リスト */
div#content ul {
	padding:10px 10px 10px 30px;
}

div#content li {
	list-style:disc outside;
	line-height:1.5em;
	padding-bottom:10px;
}

div#content li img{
	padding:0;
	margin:0 5px;
}



/* リスト数字 */
div#content ol {
	padding:10px 20px 10px 30px;
	margin-left:10px;	
}

div#content ol li {
	list-style:outside decimal;
	line-height:1.5em;
	padding-bottom:5px;	
}

div#content dl {
	margin:20px;	
}
div#content dt {
	font-weight:bold;
	text-decoration:underline;
}

div#content dd {
	line-height:1.8em
}


ul#list01 li {
	list-style:disc outside;
	line-height:1.8em;
}

ul#list02 li {
	list-style:decimal outside;
	line-height:1.8em;
}

/*　関連リンク　*/

div#klink {
	border:3px solid #E3E3E3;
	padding:5px;
	overflow:hidden;
	margin:10px;
}

p.klinkT {
	width:80px;
	float:left;
	font-weight:bold;
}

ul.klinkN {
	float:left;
}

ul.klinkN li {
	line-height:1.4em !important;
}

/*
===== 6: BASE STYLE ====================================
*/

div#content img {
	margin:0 10px 10px;
}


div#content table.layout {
	padding:0 10px;
	border:0px none;	
}

div#content table.layout td,tr {
	border:0px none;
}
/* パンくず*/

div.pankuzu {
	font-size:80%;
	text-align:left;
	padding:0px 10px 3px 0;
	margin-bottom:8px;
	border-bottom:#e8e8e8 1px solid;
}

div.pankuzu a:link {
	color:#333;
	text-decoration:underline;
}
div.pankuzu a:visited {
	color:#333;
	text-decoration:underline;
}

div.new {
	padding:0px;
	margin:10px;
	background-color:#F7F4F4 ;
	border:#F0EEEE 3px solid ;
	font-size:90%;
	line-height:1.5em;
}

div.new p {
	float:left;
	width:60px;
}

div.new ul {
	float:left;
}

#content .wcvcenter table {
	margin:0 auto;
}

span.cabinet-filesize {
	font-size:90%;
	font-weight:normal;
	padding-right:10px;
}


hr {
width: 90%;  /* 線の幅 */
height: 0px;  /* <hr>の実線を消す */
border: 0px;  /* borderを一旦リセットする（基本設定でしていれば不要）*/
border-top: 1px dotted #999;  /* 線の太さ　線の種類　線の色 */
}

/*
===== 7: CLEARFIX ==========================================
*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



