@charset "utf-8";


/* サイト内共通スタイル指定用
--------------------------------------------------
INDEX
--------------------------------------------------
（１）基本スタイル
（２）文章構造
（３）基本フォントサイズ
（４）基本エレメント
（５）ブロック定義
-------------------------------------------------- */



/* （１）基本スタイル
--------------------------------------------------
・body / form
・font color
・text-align
・img
・clear
・プリント改行指定
・テキスト,音声ブラウザ用
-------------------------------------------------- */

body
	{
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color:#000;
	}

form
	{
	padding:0;
	margin:0;
	}


/* font color
-------------------------------------------------- */

a:link
	{
	color:#03c;
	}

a:visited
	{
	color:#90c;
	}

a:hover
	{
	color:#69f;
	}

a:active
	{
	color:#039;
	}

.blue
	{
	color:#3e62ad;
	}
.gray
	{
	color:#666;
	}
.brown
	{
	color:#98623c;
	}
.red
	{
	color:#c9171e;
	}


/* img
-------------------------------------------------- */

img
	{
	border:none;
	vertical-align:bottom;
	}

img.left
	{
	float:left;
	margin:0 5px 0 0;
	display:block;
	}

img.right
	{
	float:right;
	margin:0 0 0 5px;
	display:block;
	}
	

/* text-align
-------------------------------------------------- */


.left
	{
	text-align:left;
	}

.center
	{
	text-align:center;
	}

.right
	{
	text-align:right;
	}


/* clear
-------------------------------------------------- */

.clearBoth
	{
	clear:both;
	}
.clearAll
	{
	clear:both;
	height:1px;
	font-size:1px;
	}

/*  */
.clear
	{
	clear:both;
	height:0;
	overflow:hidden;
	}



/* プリント改行指定
-------------------------------------------------- */

.printbr
	{
	page-break-after:always;
	}


/* テキスト,音声ブラウザ用
-------------------------------------------------- */

hr.divider
	{
	display:none;
	}

#textNav ,
.hidden
	{
	position:absolute;
	left:-999px;
	width:999px;
	}
	
	


/* （２）文章構造
--------------------------------------------------
・見出し
・本文
・表組み
・リスト
・お問い合わせ
-------------------------------------------------- */



/* 見出し
-------------------------------------------------- */

h1	{
	margin:0;
	padding:10px 10px 10px 20px;
	line-height:135%;
	background:url(../images/bg_title.jpg) repeat-x bottom;
	}
.home h1
	{
	background:url(../images/bg_title_home.jpg) repeat-x bottom;
	}
.kurasu h1
	{
	background:url(../images/bg_title_kurasu.jpg) repeat-x bottom;
	}
.sisei h1
	{
	background:url(../images/bg_title_sisei.jpg) repeat-x bottom;
	}
.siru h1
	{
	background:url(../images/bg_title_siru.jpg) repeat-x bottom;
	}
.sisetu h1
	{
	background:url(../images/bg_title_sisetu.jpg) repeat-x bottom;
	}

h2	{
	margin:0 0 15px 0;
	padding:5px 10px;
	color:#fff;
	line-height:135%;
	background:#3e62ad;
	}
.kurasu h2
	{
	background:#008899;
	}
.sisetu h2
	{
	background:#006e54;
	}
.siru h2
	{
	background:#928c36;	
	}
.sisetu h2
	{
	background:#98623c;	
	}

h3	{
	margin:0 0 15px 0;
	padding:3px 0 3px 14px;
	line-height:135%;
	border-bottom:1px solid #3e62ad;
	border-left:6px solid #3e62ad;
	}
.kurasu h3
	{
	border-bottom:1px solid #008899;
	border-left:6px solid #008899;
	}
.sisei h3
	{
	border-bottom:1px solid #006e54;
	border-left:6px solid #006e54;
	}
.siru h3
	{
	border-bottom:1px solid #928c36;
	border-left:6px solid #928c36;
	}
.sisetu h3
	{
	border-bottom:1px solid #98623c;
	border-left:6px solid #98623c;
	}


h4	{
	margin:0 20px 15px 20px;
	line-height:135%;
	}





/* 本文
-------------------------------------------------- */

p
	{
	margin:0 20px 30px 20px;
	line-height:180%;
	}

.description
	{
	margin:5px 0 0 0;
	font-size:83%;
	color:#666;
	}

.date
	{
	margin:5px 0 0 0;
	font-size:83%;
	color:#666;
	text-align:right;		
	}


/* ボックス
-------------------------------------------------- */

.box
	{
	margin:0 20px 30px 20px;
	padding:15px 15px 15px 15px;
	background:#f3f3f2;
	border:1px solid #e5e0cc;
	line-height:150%;
	}

.box h2
	{
	background:none;
	color:#000;
	}



/* 表組み
-------------------------------------------------- */

#cMain table
	{
	margin:0 20px 30px 20px;
	background:#595857;
	}
#cMain table caption
	{
	text-align:left;
	margin:0 20px 0 20px;
	_margin:0;	/* WinIE 5-6 */
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	line-height:135%;
	background:#595857;
	border-bottom:3px solid #fff;
	}

#cMain table th
	{
	padding:10px;
	text-align:left;
	line-height:135%;
	background:#dcd3b2;
	}
#cMain table td
	{
	background:#fff;
	padding:10px;
	line-height:150%;
	}

#cMain table ul ,
#cMain table ol
	{
	margin:5px 20px 5px 40px;
	}
#cMain table ul li ,
#cMain table ol li
	{
	margin:0 0 5px 0;
	}


/* リスト
--------------------------------------------------*/ 

#cMain ul
	{
	margin:0 20px 30px 40px;
	padding:0;
	line-height:150%;
	}
#cMain ul li
	{
	line-height:150%;
	margin:0 0 15px 0;
	}
	
#cMain ol
	{
	margin:0 20px 30px 45px;
	padding:0;
	line-height:150%;
	}
#cMain ol li
	{
	line-height:150%;
	margin:0 0 15px 0;
	text-indent:-1.25em;
	list-style-position:inside;
	}

#cMain dl
	{
	margin:0 20px 30px 20px;
	}
#cMain dt
	{
	margin:0;
	font-weight:bold;
	line-height:150%;
	}
#cMain dd
	{
	margin:0 20px 15px 40px;
	line-height:150%;
	}


/* KwXgpX^C */

#cMain dl ul.sublist
	{
	margin:0 0 -15px 0;
	padding:0;
	}
#cMain dl ul.sublist li
	{
	padding:0;
	margin:0;
	display:inline;
	}
#cMain dl ul.sublist li a
	{
	margin:5px 10px 0 0;
	display:block;
	float:left;
	width:180px;
	_width:190px;	/* WinIE 5-6 */
	}


/* お問い合わせ
-------------------------------------------------- */

#cFootNav dl.inquiry
	{
	margin:0 0 15px 0;
	padding:5px 5px 3px 5px;
	border:1px solid #595857;
	}
#cFootNav dl.inquiry dt
	{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
#cFootNav dl.inquiry dd
	{
	margin:0;
	padding:0;
	}
#cFootNav dl.inquiry dd .sosikiName
	{
	display:block;
	font-weight:bold;
	line-height:135%;
	margin:5px 0;
	}
#cFootNav dl.inquiry dd .address
	{
	display:block;
	line-height:135%;
	height:2.5em;
	}




/* （３）基本フォントサイズ
--------------------------------------------------
・エリア指定
・文章構造指定
・個別指定用
-------------------------------------------------- */


/* エリア指定
-------------------------------------------------- */
#header ,
#siteNav ,
#cFootNav .otherRoot ,
#footNav ,
#footer
	{
	font-size:83%;
	}
#categoryNav ,
#cFootNav .inquiry
	{
	font-size:90%;
	}


/* 文章構造指定
-------------------------------------------------- */
h1 {
	font-size:125%;
	}
h2 {
	font-size:100%;
	}
h3 {
	font-size:100%;
	}
h4	{
	font-size:90%;
	}
h5	{
	font-size:90%;
	}

#cMain p ,
#cMain table th,
#cMain dl ,
#cMain ul ,
#cMain ol 
	{
	font-size:90%;	
	}
#cMain table td
	{
	font-size:83%;	
	}


/* 個別指定用
-------------------------------------------------- */

.fs5 {
	font-size:115%;
	}
.fs4 {
	font-size:100%;
	}
.fs3 {
	font-size:90%;
	}
.fs2 {
	font-size:83%;
	}
.fs1 {
	font-size:75%;
	}




/* （４）基本エレメント
--------------------------------------------------
・アイコン
・ライン
-------------------------------------------------- */


/* アイコン
-------------------------------------------------- */

a.ic
	{
	voice-family: "\"}\""; 	/* EXCEPT WinIE 5 */
	voice-family:inherit;
	padding:0 0 0 8px;
	background: url("../images/ic_arrow.gif") no-repeat 0 2px;
	}
html>{}


a.ic2
	{
	voice-family: "\"}\"";	/* EXCEPT WinIE 5 */
	voice-family:inherit;
	padding:0 0 0 10px;
	background: url("../images/ic_list.gif") no-repeat 0 7px;
	}
html>{}



/* ライン
-------------------------------------------------- */

hr	{
	margin:0 20px 30px 20px;
	}

.border
	{
	height:10px;
	background: url("../images/hr-dashed.gif") no-repeat center;
	}




/* （５）ブロック定義
--------------------------------------------------
・基本
・生活の場面で探す
・メンテナンス
・RSSフィード表示
・画像ブロック
・カレンダー
・バナー
・広告
-------------------------------------------------- */


/* 基本
-------------------------------------------------- */

.block
	{
	margin:0 0 15px 0;
	padding:0;
	background:#fff;
	border-bottom:1px solid #fff;
	}

.block h2 ,
.block h3
	{
	margin:0;
	padding:5px 8px 8px 8px;
	font-size:90%;
	color:#fff;
	line-height:125%;
	background:#3e62ad url(../images/bg_block.gif) repeat-x bottom;
	border:none;
	}
.block h3
	{
	font-size:83%;
	}
.block h2 a ,
.block h3 a ,
.block h2 a:visited ,
.block h3 a:visited
	{
	color:#fff;
	}
.block h2 a:hover ,
.block h3 a:hover
	{
	color:#fc6;
	}

.kurasu .block h2 ,
.kurasu .block h3
	{
	background:#008899 url(../images/bg_block_kurasu.gif) repeat-x bottom;
	}
.sisei .block h2 ,
.sisei .block h3
	{
	background:#006e54 url(../images/bg_block_sisei.gif) repeat-x bottom;
	}
.siru .block h2 ,
.siru .block h3
	{
	background:#928c36 url(../images/bg_block_siru.gif) repeat-x bottom;
	}
.sisetu .block h2 ,
.sisetu .block h3
	{
	background:#98623c url(../images/bg_block_sisetu.gif) repeat-x bottom;
	}

.block h2.base ,
.block h3.base
	{
	background:#3e62ad url(../images/bg_block.gif) repeat-x bottom;
	}
.block h2.home ,
.block h3.home
	{
	background:#674196 url(../images/bg_block_home.gif) repeat-x bottom;
	}
.block h2.kinkyu ,
.block h3.kinkyu
	{
	background:#b7282e url(../images/bg_block_kinkyu.gif) repeat-x bottom;
	}


.block .container
	{
	margin:0;
	padding:5px;
	}

.block .container p
	{
	margin:0;
	padding:0 5px;
	line-height:135%;
	}

.block .container ul
	{
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
	}

.block .container ul li
	{
	margin:0 0 8px 5px;
	padding:0;
	line-height:135%;

	voice-family: "\"}\"";	/* EXCEPT WinIE 5 */
	voice-family:inherit;
	text-indent:-8px;
	margin:0 0 5px 10px;
	}
html>{}


/* レイアウト指定用
--------------------------------------------------
INDEX
--------------------------------------------------
共通レイアウト
#header
#categoryNav
#siteNav
#pagebody
#footNav
#footer
-------------------------------------------------- */


/* 共通レイアウト
-------------------------------------------------- */

body
	{
	margin:0;
	padding:0;
	background:#fff;
	}


/* Header 
-------------------------------------------------- */

#header
	{
	width:100%;
	background:#fff;
	text-align:center;
	height:65px;
	}

#header .body
	{
	margin:0 auto;
	padding:0;
	width:765px;
	}	

#header #vi
	{
	margin:0;
	padding:15px 0 0 0;
	float:left;
	}




/* Category Navigation
-------------------------------------------------- */

#categoryNav
	{
	background:#3e62ad;
	border-bottom:5px solid #0d0015;
	text-align:center;
	width:100%;
	height:8px;
	}

/* Site Navigation
-------------------------------------------------- */
	
#siteNav
	{
	clear:both;
	width:100%;
	background:#dcd3b2;
	text-align:center
	}


#siteNav .body
	{
	margin:0 auto;
	padding:7px 0 7px 0;
	background:#dcd3b2;	
	text-align:left;
	width:765px;
	borde:1px solid #111;
	}

#siteNav a
	{
	padding:0 5px;
	}
#siteNav a:visited
	{
	color:#03c;
	}
#siteNav a:hover
	{
	color:#00f;
	}



/* pagebody@/ pagetop
-------------------------------------------------- */

#pagebody
	{
	padding:20px 0;
	width:100%;
	background:#fff;
	text-align:center;
	}

#pagebody .body

	{
	margin:0 auto;
	padding:0;
	width:765px;
	text-align:left;
	}

#cMain
	{
	margin:20px 0 0 20px;
	padding:0;
	width:725px;
	}

/* cFootNav
-------------------------------------------------- */
#cFootNav
	{
	margin:0 20px;
	padding:0;
	width:725px;
	}

#cFootNav .pagetop
	{
	margin:0;
	font-size:83%;
	text-align:right;
	}
#cFootNav .pagetop a:visited
	{
	color:#03c;
	}



/* Footer Navigation
-------------------------------------------------- */

#footNav
	{
	clear:both;
	width:100%;
	background:#3e62ad;
	border-bottom:5px solid #0d0015;
	height:8px;
	}

/* Footer
-------------------------------------------------- */

#footer
	{
	clear:both;
	width:100%;
	background:#fff;
	text-align:center;
	}

#footer .body
	{
	margin:0 auto;
	padding:2px 14px;
	width:765px;
	height:5em;
	background:#fff url(../images/bg_foot_catch.jpg) no-repeat right 10px;
	}

#footer p
	{
	text-align:left;
	float:left;
	background:#fff url(../images/logo_foot.jpg) no-repeat 0 15px;
	text-decoration:none;
	padding:10px 0 0 110px;
	line-height:135%;
	height:4em;
	}

#footer p span
	{
	display:block;
	margin:10px 0 0 0;
	color:#666;
	}