/* CSS Document common settintg*/

@charset "Shift_JIS";

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

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

body{
background:url(../images/bg_dot.gif) #FFCCCC;
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;
}


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

.red {
color:#ff0000}

.pink{
color:#FF0066}

.peach{
color:#fc5b2a}

.peach2{
color:#fcad94}

.brown{
color:#745555;
}

.blue{
color:#0066CC}


/*Šξ–{ƒ}[ƒWƒ“έ’θ/ƒRƒ“ƒeƒ“ƒc“ΰ‹€’ΚƒXƒ^ƒCƒ‹
---------------------------------------------------------------------------*/
.m4_t { margin-top:4px}
.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}
.m20_t { margin-top:20px}
.m20_b { margin-bottom:20px}
.m30_t { margin-top: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;}
.f_center {margin:0 auto;}


/*===========================================================================
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_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ƒ‹
---------------------------------------------------------------------------*/
.right {text-align:right;}
.center {text-align:center;}
.left {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;}

/*ƒsƒ“ƒN•ΆŽšƒŠƒ“ƒN
---------------------------------------------------------------------------*/
.linkPK a:link{ text-decoration:none; color:#f82a77;}
.linkPK a:hover{text-decoration:none; color:#ff9999; }
.linkPK a:visited{ text-decoration:none; color:#f82a77 }


/*ƒOƒ[ƒoƒ‹ƒƒjƒ…[
---------------------------------------------------------------------------*/
#g_navi {
	width: 780px;
	height:43px;
	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;
	height: 0 !important;
	height /**/: 43px;
	padding-top: 43px;
	background: url(../images/g_navi.gif) no-repeat left top;
}

#g_navi li#nav01 a{width:114px;}
#g_navi li#nav02 a,#g_navi li#nav03 a,#g_navi li#nav04 a,#g_navi li#nav05 a,#g_navi li#nav06{width:111px;}
#g_navi li#nav07 a{width:111px;}


/*’ΚνŽž*/
#g_navi li#nav01 a{ background-position: 0 -43px;}
#g_navi li#nav02 a{ background-position: -114px -43px;}
#g_navi li#nav03 a{ background-position: -225px -43px;}
#g_navi li#nav04 a{ background-position: -336px -43px;}
#g_navi li#nav05 a{ background-position: -447px -43px;}
#g_navi li#nav06 a{ background-position: -558px -43px;}
#g_navi li#nav07 a{ background-position: -669px -43px;}

/*ƒIƒ“ƒ}ƒEƒXŽž*/
#g_navi li#nav01 a:hover { background-position: 0 0;}
#g_navi li#nav02 a:hover { background-position: -114px 0;}
#g_navi li#nav03 a:hover { background-position: -225px 0;}
#g_navi li#nav04 a:hover { background-position: -336px 0;}
#g_navi li#nav05 a:hover { background-position: -447px 0;}
#g_navi li#nav06 a:hover { background-position: -558px 0;}
#g_navi li#nav07 a:hover { background-position: -669px 0;}



.navi_top{
margin:4px 0 54px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top_s{
margin:4px 0 34px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top_m24{
margin:4px 0 24px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top a:link{ text-decoration:none; color:#333333; }
.navi_top a:visited{ text-decoration:none; color:#333333; }
.navi_top a:hover{ color:#333333; text-decoration:none;}


/*===========================================================================
04FƒŒƒCƒAƒEƒgέ’θ
===========================================================================*/
#container {
	width:786px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: url(../images/bg_main.gif) repeat-y top center;
	text-align:left;
}

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

#header{
padding:6px 4px 0;
background:url(../images/bg_dot.gif) #FFCCCC;
}

#header p.lead{
font-size:11px;
color:#686767;
padding-left:4px;
}

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




/*ƒRƒ“ƒeƒ“ƒc
---------------------------------------------------------------------------*/
#main_contents {
	width:766px;
	margin-top: 0;
	margin-right: auto;
	padding-bottom:20px;
	padding-left: 16px;
	clear:both;
	}


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

/*V’…ξ•ρ_ƒgƒbƒvƒy[ƒW*/
#News{
background:url(../images/bg_dot.gif);
margin-top:10px;
margin-right:6px;
padding:4px;
width:230px;
}
#News .inBox{
background:#FFFFFF;
border:1px solid #ec956f;
}
#News h3{
background: url(../images/mi_news.gif);
margin-bottom:6px;
height:27px;
text-indent:-9999px
}

ul.li_News{
list-style:none;
margin:4px;
width:220px;
}

ul.li_News li{
margin-bottom:8px;
font-size:12px;
}

ul.li_News li.bord{
margin-bottom:8px;
padding-bottom:4px;
border-bottom:dotted 1px #CCCCCC;
}

/*‰@’·“ϊ‹L_ƒgƒbƒvƒy[ƒW*/
#diary{
margin-top:10px;
margin-right:6px;
}

/*ˆγ‰@ξ•ρ_ƒgƒbƒvƒy[ƒW*/
#data_info{
background:url(../images/bg_add.gif) no-repeat top left;
margin-left:6px;
width:230px;
color:#745555;
}

#data_info h3{
font-size:14px;
font-weight:bold;
margin:0 10px 4px;
padding-top:10px;
}

#data_info p.add_ft{
height:45px;
padding:0 10px;
vertical-align:top;
background:url(../images/bg_add_foot.gif) no-repeat left bottom;
}

/*___________________*/



.sky{
color:#045788;
}

/*@07:ƒtƒbƒ^[ */
#footer_menu {
	width:100%;
	text-align:center;
	padding-top: 10px;
	margin-right:auto;
	padding-bottom: 8px;
	margin-left: auto;
	font-size:11px;
}

#foot_info {
color:#4b3131;
text-align:center;
padding:8px 0;
}

#footer {
	width:789px;
	text-align:center;
	padding-top: 10px;
	margin-right:auto;
	padding-bottom: 8px;
	margin-left: auto;
	background:url(../images/bg_foot.gif) no-repeat center top;
}

p.copyright{
font-size:10px;
color:#7c7c7c;
}