/*==========================*/
/* Include Common css		*/
/*==========================*/
@import url(css/agreementforuse.css);
@import url(css/consult.css);
@import url(css/eventschedule.css);
@import url(css/form.css);
@import url(css/fortune.css);
@import url(css/link.css);
@import url(css/mailmagazine.css);
@import url(css/policy.css);
@import url(css/profile.css);
@import url(css/sitemap.css);
@import url(css/book.css);
@import url(css/advertisement.css);

@import url(css/title.css);
@import url(css/top.css);
@import url(css/common.css);

/* ////////// layout ////////// */
div#container{float:none;width:900px;margin:0 auto;}/*width:760px;*/
div#header{float:none;width:890px;margin:0;}/*width:750px*/
div#top{float:none;width:900px;margin:0;}/*width:760px;*/
div#sidebar1{float:left;width:220px;margin:0;}/*width:180px;*/
div#contents{float:left;width:658px;}/*width:558px;*/
div#footer{clear:both;margin:0;}
/*738*/

/* ++++++++++ subtop ++++++++++ */
div#subtop {height:160px;margin:0;background-image:url(images/common/subtop.jpg);
background-repeat:no-repeat;color:#ffffff;}


/*==========================*/
/* body						*/
/*==========================*/
body {
	top:0;
	margin:0px;
	background-image:url(images/common/top_background.gif);
    background-repeat:repeat-x;
}

/*==========================*/
/* container				*/
/*==========================*/
div#container {
	top:0; left:0;
	background-color:#CCFFFF;
	background-image:url(images/common/contents_background.gif);

}
/*検定用*/
div#container2{float:none;width:900px;margin:0 auto;}/*width:760px;*/
div#container2 {
	top:0; left:0;
	background-color:#CCFFFF;
	background-image:url(images/common/contents_background2.gif);

}

/*==========================*/
/* header					*/
/*==========================*/
div#header{
	padding:5px;
	background-color:#F59CC8;
	font-size:80%;color:#33FFFF;
}
div#header ul{
	margin:0px; padding:0;
	list-style-type: none;
}
div#header ul li{
	margin:5px;
	display:inline;
}
div#header a{
	color:#000000;
	text-decoration:none;
}
div#header a:hover{
	color:#0066CC;
}



/*==========================*/
/* top						*/
/*==========================*/
div#topimg {
	height:300px;
	background-image:url(images/common/topimg.jpg);
	background-repeat:no-repeat;
}
div#top marquee {
	padding:5px;
	background-color:#FFCCFF;
	color:#000000;
}


/*==========================*/
/* sidebar1					*/
/*==========================*/
div#sidebar1 {
	padding:10px;
	text-align:left;
	background-color:#CCFFFF;}
div#sidebar1 h3{
	margin:0px;
	color:#999999;
	text-align:center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	background-color:#ffffcc;
}

/* === suckerdiv === */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv{
	border: 0px solid #666666;
	}
.suckerdiv ul{
	margin:0; padding:0;
	width: 220px/*180px*/; /* Width of Menu Items */
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	background: url(images/menu/arrow-list.gif) no-repeat center left;

	}
.suckerdiv ul li{
	position: relative;
	background-color: #ffffff;

	}
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	top:0; width:210px; /*width:170px; *//*sub menu width*/
	visibility: hidden;}
/* Sub level menu links style */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	padding: 5px 5px ;
	text-decoration: none;
	color: black;
	border: 1px solid #ccc;
	border-bottom: 0;

	}
.suckerdiv ul li a:hover{
	background-color: pink;}
.suckerdiv .subfolderstyle{
	background: url(images/menu/arrow-list.gif) no-repeat right;}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/* === membermenu === */
div#membermenu{
	float:none;
	padding:0px;
	border: 3px double #95D3B3;
	background-color:#ffffff;}
div#membermenu form{
	margin:0px; padding:0px;
	margin:0px;	padding:5px;
	text-align:center;font-size:80%;}
div#membermenu h5{
	margin:0px; padding:3px;
	color:#4CA577;
	border-bottom: 1px solid #95D3B3;}
div#membermenu h4{
	margin:0px; padding:3px;
	color:#4CA577;
	border-bottom: 1px solid #95D3B3;}
div#membermenu p{
	/*margin:0px;	padding:5px;
	text-align:center;font-size:80%;*/}
div#membermenu a{
	padding:5px;
	font-size:80%;
	color:#666666;}
div#membermenu a:hover{
	/*color:#666666;*/
	}
div#membermenu input{
	margin-top: 3px;margin-bottom: 3px;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	background-color:#CCFFCC;
}
.membermenuusername{
	font-size:120%;
	color:#009966;
	}

div#membermenufortune a{
	margin:5px;padding:3px;
	font-size:100%; text-align:center;
	color:#FF6600;
	/*background-color:#FFFFCC;*/
	}

/* === mobileinfo === */
div#mobileinfo{
	overflow:auto;
	text-align:center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color:#ffffff;}
div#mobileinfo h5{
	margin:0; padding:5px;
	color:#ff00ff;}
div#mobileinfo p{
	margin:0px;	padding:10px;
	font-size:80%;
	border-bottom: 1px solid #cccccc;
}





/*==========================*/
/* contents					*/
/*==========================*/
div#contents {
	float:left;
	padding:0px;margin-bottom:100px;
	border-right: 1px solid #FFCCFF;
	text-align:left;
	background-color:#ffffff;
}
div#contentstitleicon{
	float:left;width:32px;height:32px;
	margin-top:10px;margin-left:10px;
	background: url(images/menu/menutitle_icon.gif) no-repeat left;
}

.contentstitleline{
	float:none;
	width:auto;height:0px;
	margin-left:10px;
	border-top:dotted 2px #8DD2E1;
	text-align:left;
}


/* === box === */
div#contentsbox{
	/*float:left;*/
	/*width:490px;*/
	padding:0px 20px 20px 20px;margin-bottom:10px;
	background-color:#ffffff;
}

/*検定用*/
div#contents2 {
	float:left;width:658px;/*width:558px*/
	padding:0px;margin-bottom:100px;
	border-left: 1px solid #FFCCFF;
	text-align:left;
	background-color:#ffffff;
}


/*==========================*/
/* footer					*/
/*==========================*/
div#footer{
	height:45px;
	padding:5px;
	background-color:#F59CC8;
	font-size:80%;color:#0066CC;
	text-align:center;
}
div#footer ul{
	margin:0;padding: 0;
	list-style-type: none;
}
div#footer ul li{
	margin:5px;
	display:inline;
}
div#footer a{
	color:#000000;
	text-decoration:none;
}
div#footer a:hover{
	color:#0066CC;
}
address{
	margin-top:10px;
	color:#000000;
	font-style:normal;
}