@charset "utf-8";
/* CSS Document */


/*
css reset
------------------------------------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

ul,ol{ list-style-type:none; }
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
img{ border:0; }

img, input, select, textarea {
	vertical-align: middle;
}
a img{
	opacity:1;
	filter: alpha(opacity=100);
}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	base
----------------------------------------------------------------*/
body{
	color: #303030;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;

	*font-size:small;
	line-height: 1.7;
}

/*	link
----------------------------------------------------------------*/
a:link{
color: #f39801;
text-decoration:underline;
}
a:visited{
color: #f39801;
text-decoration:underline;
}
a:hover{
color: #f39801;
text-decoration:none;
}
a:active{
color: #f39801;
text-decoration: none;
}

#sidenav a:link{
color: #333333;
text-decoration:none;
}
#sidenav a:visited{
color: #333333;
text-decoration:none;
}
#sidenav a:hover{
color: #333333;
text-decoration:underline;
}
#sidenav a:active{
color: #333333;
text-decoration:none;
}
#fnav a:link{
color: #FFF;
text-decoration:none;
}
#fnav a:visited{
color: #FFF;
text-decoration:none;
}
#fnav a:hover{
color: #FFF;
text-decoration:underline;
}
#fnav a:active{
color: #FFF;
text-decoration:none;
}

/*	clearfix
----------------------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}
.clearfix {
	overflow:hidden;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/
overflow: hidden;


/*フロート
----------------------------------------------------------------*/
.float_l { float:left; }
.float_r { float: right;}
.clear_both {clear: both;}

/*テキスト装飾
----------------------------------------------------------------*/
.ore { color:#ff9e1b; }
.red { color:#F00; }
.pink { color:#fe4444; }
.white { color:#FFF; }
.small { font-size:11px; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.font12 { font-size:12px; }
.font_big {
	font-size:24px;
	font-weight:bold;
}
.big_blue { font-size:20px; font-weight:bold; color:#2b7dc7; }
.bold {	font-weight:bold; }

/*余白
----------------------------------------------------------------*/
.pb10 { padding-bottom:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

/*見出し
----------------------------------------------------------------*/
h1 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	float: left;
}

/* header
----------------------------------------------------------------*/
#header {
	width:100%;
	background:url(../images/h_bg.gif) repeat-x;
	border-bottom:9px solid #3d427b;
	position:fixed;
	z-index:3;
}
#header .h_inner {
	width:1200px;
	margin:0 auto;
	padding-top:15px
}
#logo {
	float:left;
	width:252px;
	padding-top:20px;
}
#header .h_right {
	width:820px;
	float:right;
}
#header .h_right p {
	margin-bottom:5px;
}
#header .h_ad {
	font-size:12px;
	text-align:right;
	float:right;
	width:380px;
}

/* gnav
----------------------------------------------------------------*/
#gnav {
	width:805px;
	clear:both;
}
#gnav li { 
float:left;

}

/* メインイメージ
----------------------------------------------------------------*/
#top_main {
	width:100%;
	text-align:center;
	background:url(../images/bg_pink.gif);
	background-color:#ffecf7;
	padding-top:0px;
}
	
/* トップページ
----------------------------------------------------------------*/
#side_btn {
	position:fixed;
	top:100px;
	right:0;
	z-index:+10;
}
.t_pink {
	width:100%;
	background:url(./bg_pink.gif);
}
.t_blue {
	width:100%;
	background:url(./bg_blue_hana.gif);
	padding:50px 0;
}
.t_inner {
	width: 1200px;
	margin: 0 auto;
}
.t_left{
	width:640px;
	float:left;
}
.t_right {
	width:550px;
	float:right;
}
.big_txt {
	font-size: 24px;
	text-align: center;
}
.bg_hana {
	background:url(./bg_pink.png);
	height:118px;
}
.f_l{
	width:600px;
	float:left;
}
.f_r {
	width:600px;
	float:right;
}
.f_l3{
	width:400px;
	float:left;
}
.f_r3 {
	width:400px;
	float:right;
}
.news {
	width:750px;
	float:left;
}
dl.info {
	overflow: hidden;
	zoom: 1;
	margin-top:20px;
	color:#FFF;
}
dl.info dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left:40px;
	width: 100px;
	float: left;
	clear: both;
	font-weight:bold;
}
dl.info dd {
	margin-bottom: 5px;
	padding: 0 0 5px 120px;
}
.newico {
	background:url(./ico_new.gif) left no-repeat;
	padding-left:40px;
}
.top_ad{
	width:420px;
	float:right;
	 border-radius: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	border:#eae4ce 4px solid;
	background-color:#FFF;
	text-align:center;
} 
.top_ad li {
	width:200px;
	float:left;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}
.topbnr {
	width:100%;
	background:url(./bg_illust.png);
	background-color:#f4f4f2;
}
.top_block4 li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:240px;
	padding:13px;
	vertical-align:top;
}
.top_block3 li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:380px;
	padding:13px;
	vertical-align:top;
}

/* footer
----------------------------------------------------------------*/
#fnav {
	width:100%;
	background:url(./fbg.gif);
	padding:15px 0;
	text-align:center;
}
#fnav li {
	color:#FFF;
	float:left;
	padding-left:20px;
	margin-right:20px;
	border-left:#FFF 1px solid;
}
#fnav li:last-child {
	border-right:#FFF 1px solid;
	padding-right:20px;
}
#footer {
	width:100%;
	background-color:#f4f4f2;
	padding:30px 0;
}
#footer .f_logo {
	float:left;
	width:300px;
	padding-left:29px;
	border-right:1px #ec7575 solid;
}
#footer .f_tel{
	float:left;
	width:300px;
	padding-left:29px;
	border-right:1px #ec7575 solid;
}
#footer .f_ad{
	float:left;
	width:500px;
	padding-left:29px;
	border-right:1px #ec7575 solid;
	color:#ec7575
}