@charset "utf-8";
/* --------------------------------------------------
	Since : 2008/02/12
	Last Modified: 2008/02/12
	Site Name: UHA Mikakuto puccho.
	Version: 1.0
 --------------------------------------------------- */

/*
===== CONTENTS ================================================================================

	1: Base Style Setting
		: Reset
		: Base Setting
		: Finding Setting
	2: Huck
	3: Layout Setting
		: main-layout
		: header
		: footer
		: option

===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Reset
==========================================================*/
*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0;list-style:none; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	clear:both;
	}


/* Base Setting
==========================================================*/

a {color:#0033ff;}
a:hover {text-decoration:underline; }

table { font-size:12px; }
	
body {
	margin:0;
	padding:0;
	text-align:center;
	font:11px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#222;
	line-height:110%;
	}


/* Finding Setting
==========================================================*/
h2 {
	}


/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#content:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#content { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#content { height: 1% }
.clearfix,
div#content {display:block;}
/* end MacIE5 */


/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
div#container {
	width:840px;
	background-color:#FFFFFF;
	text-align:center;
	margin: 0 auto;
	}

div#wrapper{
	width:780px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 auto 5px auto;
	}
	
div#content {
	}
	
div.main {
	padding-bottom:30px;
	}

/* layout */
body#layout-left #content  { float:right; }
body#layout-right #content { float:left;  }
	
	
/* footer
==========================================================*/
div#footer {
	color:#5f9ee1;
	background:url(image/dot-line.gif) repeat-x top left;
	padding-top:8px;
	clear:both;
	}
	
#footer p{
	text-align:center;
	font-weight:bold;
	}	

/* top
==========================================================*/
ul#top-img {
	width:780px;
	height:396px;
	position:relative;
	background:url(image/top-img.jpg) no-repeat top;
	}
	
ul#top-img li {
	position:absolute;
	text-indent:-9999px;
	width:187px;
	}
	
ul#top-img li a{
	outline:none;
	display:block;
	width:187px;
	}
	
ul#top-img li#menu-01 { top:99px; left:194px;height:122px; }
ul#top-img li#menu-02 { top:103px;left:466px;height:122px; }
ul#top-img li#menu-03 { top:230px;left:74px; height:130px; }
ul#top-img li#menu-04 { top:237px;left:308px;height:135px; }	
ul#top-img li#menu-05 { top:230px;left:574px;height:108px; }
	
ul#top-img li#menu-01 a{ height:122px; }
ul#top-img li#menu-02 a{ height:122px; }
ul#top-img li#menu-03 a{ height:130px; }
ul#top-img li#menu-04 a{ height:135px; }
ul#top-img li#menu-05 a{ height:108px; }
	
ul#top-img li#menu-01 a:hover { background:url(image/menu-01_r.jpg) }
ul#top-img li#menu-02 a:hover { background:url(image/menu-02_r.jpg) }
ul#top-img li#menu-03 a:hover { background:url(image/menu-03_r.jpg) }
ul#top-img li#menu-04 a:hover { background:url(image/menu-04_r.jpg) }
ul#top-img li#menu-05 a:hover { background:url(image/menu-05_r.jpg) }
	
div#mainLeft {
	width:347px;
	float:left;
	}

div#mainMiddle {
	width:227px;
	float:left;
	}
	
div#mainRight {
	width:206px;
	float:left;
	}
	
/* mainLeft */
ul#list-message{
	width:337px;
	}
	
ul#list-message li{
	background:url(image/list-border.gif) repeat-x bottom left;
	padding:3px 0;
	font-size:11px;
	}

/* mainMiddle */
dl#quest-box {
	width:219px;
	padding:5px 0 7px 0;
	background:url(image/back-how.gif) no-repeat;
	text-align:center;
	}

dl#quest-box dt{
	margin:0px 6px 6px 6px;
	display:block;
	}
	
dl#quest-box dd{
	height:145px;
	background:#fff;
	margin:0 8px;
	text-align:left;
	font-weight:bold;
	}
	
dl#quest-box dd strong{
	background:#ffff66;
	width:100%;
	display:block;
	margin-top:4px;
	}
	
ul#list-quest {
	line-height:100%;
	}
	
div.form-btn {
	text-align:center;
	}