@charset "utf-8";

/*************基本設定************************/


*{
	margin:0;
	padding:0;
	border:0;
}

body {
	font-size: 62.5%;
	font-family: "メイリオ","ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", sans-serif;
	line-height:1.6;
	background:#e4e4e4;
}


ul{
	list-style:none;
}

img{
	border-style:none;
}

a{
	text-decoration:none;
	overflow:hidden;
}

p{
	font-size:1.4em;
}

a:link {
	text-decoration: underline;
	color: #0097ff;
	}
a:visited{
	text-decoration: underline;
	color: #0097ff;
}
a:active {
	text-decoration: underline;
	color: #0097ff;
}
a:hover{
	text-decoration: underline;
	color: #ff9900;
}

/********レイアウト全体************************/

#head {
	background: url(../image/topbg.gif) repeat-x;
	height: 29px;
	position:relative;
	width:100%;
}

#text_position{
	position:absolute;
	top:9px;
	left:30px;
}

#wrapper {
	width: 720px;
	margin: 0 auto;
	background:#ffffff;
}



.clearfix {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/


span.txt_blue{
	color:#6aa0cf;
}

span.txt_red{
	color:#eb5e00;
}

span.more{
	color:#6aa0cf;
	text-decoration:underline;
}


/**************************************************/


h1{
	font-size:1.0em;
	padding-left:20px;
	margin-bottom:30px;
	background-color:#0097ff;
	color:#ffffff;
}

h2.title{
	margin-left:30px;
	margin-bottom:10px;
}


.under_line{
	margin-bottom:20px;
	margin-left:19px;
}

#current_state h3{
	margin-left:50px;
	margin-bottom:20px;
}
/*
#current_state p{
	width:550px;
	margin-left:50px;
	margin-bottom:20px;
}
*/

.state{
	width:550px;
	margin-left:85px;
	margin-bottom:20px;
	text-align:justify;
	text-justify: inter-ideograph;
}


.ratio{
	width:550px;
	margin-left:85px;
	margin-bottom:20px;
	text-align:justify;
	text-justify: inter-ideograph;
}

#line1{
	position:relative;
	background:url(../image/bg_line_red.gif) top left no-repeat;
	width:632px;
	height:162px;
	margin-left:44px;
	margin-top:20px;
}

#inredline{
	margin:0;
	position:absolute;
	width:550px;
	left:44px;
	top:37px;
	text-align:justify;
	text-justify: inter-ideograph;
}

div.inquiry{
	text-align:center;
	margin-top:20px;
}

#about_seo{
	width:550px;
	margin-left:85px;
	text-align:justify;
	text-justify: inter-ideograph;
	
}

.fontsize16{
	font-size:1.7em;
	margin-left:85px;
}

.txtred{
	color:#f33358;
}

.txtblue{
	color:#0097ff;
}

/*****************************************/

/**contents**/

#contents{
	background:url(../image/box_line_side.gif) top left repeat-y;
	width:527px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:97px;

}

.side_foot{
	background:url(../image/box_line_botton.gif) bottom left no-repeat;
}

#contents h3{
	background:url(../image/box_contents.gif) top left no-repeat;
	text-indent:-9999px;
	width:527px;
	height:28px;
}

.contents_headline5{
	color:#F00;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}

.contents_img{
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
}

.contents_small_txt{
	margin-left:0px;
	font-size:1.3em;
	text-align:center;
}

.list_txt{
	font-size:1.2em;
}


#contents_left{
	float:left;
	display:inline;
	margin-left:50px;
}

#contents_right{
	float:right;
	display:inline;
	margin-right:50px;
}

#contents_box{
	margin-top:10px;
	padding-bottom:20px;
}

#contents_txt1{

	margin-bottom:10px;
	margin-left:30px;
}

#contents h4{
	margin:20px 20px 20px 20px;
}


/**popularity**/

#popularity{
	background:url(../image/box_line_side.gif) top left repeat-y;
	width:527px;
	margin-bottom:15px;
	margin-left:97px;
}

#popularity h3{
	background:url(../image/box_popularity.gif) top left no-repeat;
	text-indent:-9999px;
	width:527px;
	height:28px;
}

#popularity_txt1{
	width:470px;
	margin-bottom:10px;
	margin-left:30px;
	text-align:justify;
	text-justify: inter-ideograph;
}

.populariy_headline5{
	color:#F00;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}

.populariy_left{
	float:left;
	margin-left:81px;
	/**width:223px**/
}

.popularity_right{
	float:right;
	width:304px;
}

.list_txt{
	font-size:1.2em;
}

#popularity_ul{
	margin-left:39px;
}

#populariy_box{
	margin-top:10px;
	padding-bottom:10px;
}

.popularity_txt2{
	font-size:1.2em;
	margin-left:9px;
	margin-top:10px;
	width:235px;
	text-align:justify;
	text-justify: inter-ideograph;
}

#popularity h4{
	margin:20px 20px 20px 20px;
}

/**next_page_link**/



a#nextpage_h{
	display:block;
	width:258px;
	height:36px;
	background:url(../image/nextpage_header.gif) top left;
	text-indent:-9999px;
}

a:hover#nextpage_h{
	background-position:0px -36px;
}


a#nextpage_f{
	display:block;
	width:497px;
	height:31px;
	background:url(../image/nextpage_footer.gif) top left;
	text-indent:-9999px;
}

a:hover#nextpage_f{
	background-position:0px -31px;
}

/**nextpage_position**/

#nextpage_header{
	position:relative;
	width:100%;
}

#nextpage_header div {
	position:absolute;
	top:-7px;
	left:430px;
}

#nextpage_header{
	position:relative;
	width:100%;
}

#nextpage_footer{
	margin-left:50px;
	margin-top:20px;
}


/**number_box**/

a#b1{
	display:block;
	width:31px;
	height:31px;
	background:url(../image/box1.gif) top left;
	text-indent:-9999px;
}

a#b2{
	display:block;
	width:31px;
	height:31px;
	background:url(../image/box2.gif) top left;
	text-indent:-9999px;
}

a:hover#b2{
	background-position:0px -31px;
}


a#b3{
	display:block;
	width:31px;
	height:31px;
	background:url(../image/box3.gif) top left;
	text-indent:-9999px;
}

a:hover#b3{
	background-position:0px -31px;
}

a#b_n{
	display:block;
	width:97px;
	height:22px;
	background:url(../image/box_next.gif) top left;
	text-indent:-9999px;
}

a:hover#b_n{
	background-position:0px -22px;
}

#number_box{
	position:relative;
	width:100%;
	height:31px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:303px;
}

#box1{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../image/box1.gif) top left;
	width:31px;
	height:31px;
	text-indent:-9999px;
}

#box2{
	position:absolute;
	top:0px;
	left:41px;
}

#box3{
	position:absolute;
	top:0px;
	left:82px;
}

#box_next{
	position:absolute;
	top:5px;
	left:123px;
}



/*****************************/

/**footer**/


span.white {
	text-decoration: underline;
	color: #FFFFFF;
	}



#footer {
	width: 710px;

	padding: 4px 0px;
	padding-right:10px;
	font-size: 12px;
	color: #FFFFFF;
	background: #0097ff;
	text-align:right;
}

div#footer_links{
	text-align:center;
	padding-top:10px;
}

#totop{
	text-decoration:underline;
}

.text_center{
	text-align:center;
	margin-top:5px;
	font-size:10px;
	font-weight:lighter;
}

#m_buttom{
	padding-bottom:10px;
}