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

* {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html,
body {
	margin: 0;
	padding: 0;
}
body{
	font-size:100.01%;
	text-align: center;
	color: #555555;
	background:#FFFFFF url(../images/bg_main.gif) repeat-x center top;
}
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote{ 
   margin:0;
   padding:0;
}

a img{
	border:none;
}

/* ---| link |------------------------------- */

a:link { 
  	color: #333333;
  	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #FF9900;
	text-decoration: none;
}


/* ---| layout |--------------------- */

div#container {
	width: 750px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
	
/* header
------------------------------- */

div#container div#header {
	width: 700px;
	margin:10px 0 5px 1px;
}
div#header img{
	display:block;
	width:190px;
	float:left;
}
div#header p.exp{
	float:left;
	width:400px;
	margin:8px 5px 0 7px;
	font-size:0.7em;
	line-height:1.4;
}

/* fukidashi */

div#container div#main{
	width:587px;
	height:285px;
	margin:0 0 0 145px;
}

div#main div#fukidashi{
	width:422px;
	height:285px;
	background:url(../images/bg_fukidasi.gif) left top no-repeat;
	float:left;
	text-align:center;
	vertical-align:middle;
}

div#fukidashi div#input-area{
	margin:48px auto;
	text-align:left;
	width:265px;
	text-align:center;
	
}
div#input-area img.title{
	display:block;
	margin-bottom:5px;
}

div#input-area input.odai{
	width:200px;
	height:20px;
	margin:8px 0 0 0;
	padding:3px;
	border:1px solid #666666;
	font-size:1.1em;
	font-weight:bold;
}
div#input-area input.odai2{
	width:200px;
	height:18px;
	margin:4px 0 0 0;
	padding:3px;
	border:1px solid #666666;
	font-size:0.9em;
}
div#input-area input.btn{
	width:120px;
	height:28px;
	margin:5px 0;
}
div#input-area p.input-title{
	font-size:1em;
	color:#FFFFFF;
	margin:5px 0 0 0;
	_margin:0;
	vertical-align:middle;
}
div#input-area p.comment{
	font-size:0.8em;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
}

div#main div#mogo-logo{
	width:105px;
	height:285px;
	position:relative;
	float:right;
	margin:0 5px 0 0;
}
div#mogo-logo a{
	position:absolute;
	bottom:0;
	display:block;
}


div#container div#contents{

	width:750px;
	/*background-color:#CFEDFE;*/
	background:url(../images/bg_contents_body.gif) repeat-y left top;
}

div#contents div#contents-top{
	width:750px;
	height:33px !important;
	height /**/:45px;
	background:url(../images/bg_contents_top.gif) no-repeat left top;
	padding:12px 0 0 0;
}
div#contents div#contents-top div#top-left{
	width:360px;
	float:left;
}
div#contents-top div#top-left img.title{
	margin-left:30px;
}
div#contents div#contents-top div#top-right{
	width:300px;
	float:right;
	margin-right:30px;
	margin-top:13px;
	text-align:right;
}


div#contents div#contents-btm{
	height:3
	px;
	background:url(../images/bg_contents_btm.gif) no-repeat left top;
}


div#contents div.sakubun{
	width:690px;
	margin:10px 30px 10px 30px;
	border:1px solid #777;
	background-color:#FFF;
}
div.sakubun div.sakubun-title{
	height:18px !important;
	height /**/:28px;
	background:#0492E6;
	padding:5px 6px;
}

div.sakubun-title h4{
	width:400px;
	color:#FFFFFF;
	font-size:1.2em;
	float:left;
}
div.sakubun-title h4 span{
	font-size:0.6em;
	font-weight:normal;
}
div.sakubun-title div.star{
	width:250px;
	float:right;
	margin:3px 5px 0 0;
	text-align:right;
}
div.sakubun div.sakubun-body{
}
div.sakubun-body ul.sakubun-list{
	list-style:none;
	width:610px !important;
	width /**/:650px;
	margin:20px 20px 5px 20px;
}

div.sakubun-body ul.sakubun-list li{
	margin-bottom:8px;
	vertical-align:middle;
}

div.sakubun-body input.bt_star{
	display:block;
	margin:5px 20px;
	width:150px;
	padding:2px;
	font-size:0.8em;
}

ul.sakubun-list li dl.sakubun-txt{
	width:650px;
	_width:610px;
	list-style:none;
	margin-bottom:6px;
}

dl.sakubun-txt dt{
	float:left;
	font-size:0.9em;
}
dl.sakubun-txt dt:first-letter {
	font-size:1.5em;
	font-weight:bold;
	color:#0066CC;
	float:left;
	margin:0 5px 0 0;
}
dl.sakubun-txt dd{
	display:block;
	margin:0 8px 0 10px;
	float:left;
	font-size:0.8em;
}
img.img_mogo{
	border:1px solid #CCCCCC;
}

div#contents p.pagenavi{
	width:100%;
	margin:5px 0;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}
div#contents p.pagenavi a{
}

div#container div#footer{
	width:750px;
	font-size:0.8em;
	text-align:center;
}

/* float clear
------------------------------- */
hr.clear{
	clear:both;
	height:0;
	visibility:hidden;
	border:0;
	margin:0;
	padding:0;
}

/* image border
------------------------------- */
a img{
	border:none;
}

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */