/* CSS Document common settintg*/

@charset "Shift_JIS";

/*index

01FBase 
02FText 
03FLink 
04FLayout


/*===========================================================================
01FŠξ–{έ’θ
===========================================================================*/

body{
background: url(../images/bg_body.gif) top left repeat-x #d7e8f8;
padding:0;
margin:0;
text-align:center}

*{
margin:0;
padding:0;
font: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}


h1,h2,h3,h4{
  margin:0;
	padding:0;
}

img{
  border:none;
}

.clear{
  clear:both;
}

.dot_line{
background:url(../images/dot_line.gif) repeat-x top;
height:6px;
margin:6px auto;
}

.uLine{
text-decoration:underline;
}


/*ƒJƒ‰[έ’θ_”wŒi
---------------------------------------------------------------------------*/
.bg_gray{background:#f2f2f2;}



/*ƒJƒ‰[έ’θ_ƒeƒLƒXƒg
---------------------------------------------------------------------------*/
.sky{color:#3772e8;}
.red {color:#e5004f}
.pink{color:#fc0d83}
.brown{color:#745555;}
.blue{color:#0066CC}
.green{color:#40c1c1}
.grey{color:#666666}


/*Šξ–{ƒ}[ƒWƒ“έ’θ/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
---------------------------------------------------------------------------*/
.m4_t { margin-top:4px}
.m4_b { margin-bottom:4px}

.m8 { margin:8px}
.m8_l { margin-left:8px}
.m8_b { margin-bottom:8px}

.m10 { margin:10px}
.m10_l { margin-left:10px}
.m10_r { margin-right:10px}
.m10_w{ margin:0 10px}
.m10_t { margin-top:10px}
.m10_b { margin-bottom:10px}
.m10_v { margin:10px 0}

.m14 { margin:14px}
.m14_l { margin-left:14px}

.m18 { margin:18px}
.m18_t { margin-top:18px}
.m18_l { margin-left:18px}
.m18_r { margin-right:18px}

.m20_t { margin-top:20px}
.m20_b { margin-bottom:20px}
.m30_t { margin-top:30px}
.m30_b { margin-bottom:30px}


/*Šξ–{ƒpƒfƒBƒ“ƒOέ’θ/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
---------------------------------------------------------------------------*/

.p4 { padding:4px}
.p4_t { padding-top:4px}
.p4_l { padding-left:4px}
.p4_r { padding-right:4px}
.p4_w{ padding:0 4px}

.p6 { padding:6px}
.p6_l { padding-left:6px}
.p6_r { padding-right:6px}
.p6_w{ padding:0 6px}

.p8 { padding:8px}
.p8_l { padding-left:8px}
.p8_r { padding-right:8px}
.p8_w{ padding:0 8px}

.p10 { padding:10px}
.p10_l { padding-left:10px}
.p10_r { padding-right:10px}
.p10_w{ padding:0 10px}


/*Šξ–{ƒŒƒCƒAƒEƒgέ’θ/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
---------------------------------------------------------------------------*/
.f_left {float:left;}
.f_right {float:right;}


/*===========================================================================
02FƒeƒLƒXƒgέ’θ/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
===========================================================================*/
.f_10 { font-size:10px}
.f_10_12 { font-size:10px; line-height:12px;}
.f_11 { font-size:11px}
.f_12 { font-size:12px}
.f_12_16 { font-size:12px; line-height:16px;}
.f_12_18 { font-size:12px; line-height:18px;}
.f_12_20 { font-size:12px; line-height:20px;}
.f_12_22 { font-size:12px; line-height:22px;}
.f_13 { font-size:13px;}
.f_13_18 { font-size:13px; line-height:18px;}
.f_13_20 { font-size:13px; line-height:20px;}
.f_14 { font-size:14px}
.f_14_20 { font-size:14px; line-height:20px;}


/*ƒeƒLƒXƒgƒŒƒCƒAƒEƒg/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
---------------------------------------------------------------------------*/
.txRight {text-align:right;}
.txCenter {text-align:center;}
.txLeft {text-align:left;}




/*===========================================================================
03FƒŠƒ“ƒNέ’θ
===========================================================================*/

/*ƒeƒLƒXƒgƒŠƒ“ƒN
---------------------------------------------------------------------------*/
a:link{ text-decoration:underline; color:#0045a2; }
a:visited{ text-decoration:underline; color:#003399; }
a:hover{ color:#666666; text-decoration:underline;}

/*ƒwƒbƒ_‰Eγƒƒjƒ…[
---------------------------------------------------------------------------*/
#header a:link{ text-decoration:none; color:#333333;}
#header a:visited{ text-decoration:none; color:#333333; }
#header a:hover{ color:#0045a2; text-decoration:none;}


/*ƒOƒ[ƒoƒ‹ƒƒjƒ…[
---------------------------------------------------------------------------*/
#g_navi {
	width: 184px;
	height:365px;
	float:left;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: url(../images/g_navi.gif) no-repeat left top ;
}

#g_navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

#g_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: "MS PGothic", "Osaka";
	font-size: 92%; /*renders 12px */ 
	color:#FFFFFF;
}

#g_navi li a{
	display: block;
	overflow: hidden;
	text-align: right;
	width: 0 !important;
	width /**/: 184px;
	padding-left: 184px;
	background: url(../images/g_navi.gif) no-repeat left top;
}

#g_navi li#nav01 a{height:76px;}
#g_navi li#nav02 a,#g_navi li#nav03 a,#g_navi li#nav04 a,#g_navi li#nav05 a,#g_navi li#nav06{height:53px;}


/*’ΚνŽž*/
#g_navi li#nav01 a{ background-position: 0 0;}
#g_navi li#nav02 a{ background-position: 0 -76px;}
#g_navi li#nav03 a{ background-position: 0 -129px;}
#g_navi li#nav04 a{ background-position: 0 -182px;}
#g_navi li#nav05 a{ background-position: 0 -235px;}
#g_navi li#nav06 a{ background-position: 0 -288px;}

/*ƒIƒ“ƒ}ƒEƒXŽž*/
#g_navi li#nav01 a:hover { background-position: -184px 0;}
#g_navi li#nav02 a:hover { background-position: -184px -76px;}
#g_navi li#nav03 a:hover { background-position: -184px -129px;}
#g_navi li#nav04 a:hover { background-position: -184px -182px;}
#g_navi li#nav05 a:hover { background-position: -184px -235px;}
#g_navi li#nav06 a:hover { background-position: -184px -288px;}



/*ƒgƒbƒv‚Φ–ί‚ιƒ{ƒ^ƒ“
---------------------------------------------------------------------------*/
.navi_top{
margin:4px 0 10px;
text-align:right;
font-size:10px;
padding-right:10px;
}

/*===========================================================================
04FƒŒƒCƒAƒEƒgέ’θ
===========================================================================*/
#container {
	width:760px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#FFFFFF;
}

#container_s {
	width:540px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:center;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#FFFFFF;
}


/*ƒwƒbƒ_[
---------------------------------------------------------------------------*/

#header{
padding:6px 4px 0;
background: url(../images/bg_header.jpg) left top no-repeat;
height:109px;
}

#header p.lead{
font-size:12px;
color:#509adf;
padding-left:4px;
font-weight:bold
}

#header h1.logo{
margin-top:9px;
width:346px;
text-indent: -10000px;}




/*ƒRƒ“ƒeƒ“ƒc
---------------------------------------------------------------------------*/
#main_contents {
	display:block;
	width:734px;
	min-height:270px;
	   _height:270px;/* hack*/
	margin:0 auto;
	padding:0 13px 20px;
	}


.w_484{
margin-top:15px;
width:484px;
}

#diary{
margin-top:10px;
margin-right:6px;
}


/*@06:‰EƒJƒ‰ƒ€ */

#columnRight{
width:526px;
float:right;
text-align:left;
margin-bottom:36px;
}

.mi{
text-indent: -10000px;}



/*@07:ƒtƒbƒ^[ */
#footer {
	clear:both;
	width:100%;
	text-align:center;
	padding-bottom: 8px;
	margin-right:auto;
	margin-left: auto;
}

#footer_menu {
	width:100%;
	text-align:center;
	margin-right:auto;
	margin-left: auto;
	padding-bottom: 8px;
	font-size:12px;
}

p.copyright{
width:100%;
background:url(../images/bg_footer.gif) repeat-x left top;
height:30px;
margin-bottom:10px;
font-size:10px;
color:#777777;
padding-top:10px;
}