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


/*----------------------setting----------------------*/

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

body {
	background-image:url(../images/background.gif);
	font-size:14px;
	color:#333;
	margin:0px;
	padding:0px 0px 20px 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

body h1,h2,h3,p,ul,li,dl,dt,dd {
	margin:0px;
	padding:0;
}

img {
	border:none;
}

a {
	overflow:hidden;
	}

div,img {
	behavior: url(iepngfix.htc); 
	}
	
/*----------------------/setting----------------------*/

#wrapper {
	width:880px;
	margin:22px auto 0 auto;
	text-align:left;
	}


/*---------------------header-----------------------*/

#header {
	background:url(../images/header_background.png) no-repeat;
	padding:5px 15px 10px 15px;
	width:850px;
	_width:880px;
	height:147px;
}

h1 {
	font-size:14px;
	color:#fff;
	font-weight:100;
}

#header p{
	width:637px;
	height:56px;
	margin-top:20px;
}

#header li a{
	width:205px;
	height:42px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-top:14px;
	
}

#header li {
	list-style:none;
	display:inline;
}

.navi01_on a{
	background:url(../images/on_toppage_btn.gif) no-repeat;	
}

.navi01 a{
	background:url(../images/off_toppage_btn.gif) no-repeat;
}

.navi02_on a{
	background:url(../images/on_count_btn.gif) no-repeat;
	margin-left:10px;
}

.navi02 a{
	background:url(../images/off_count_btn.gif) no-repeat;
	margin-left:10px;
}

.navi03_on a{
	background:url(../images/on_temp_btn.gif) no-repeat;
	margin-left:10px;
}	

.navi03 a{
	background:url(../images/off_temp_btn.gif) no-repeat;
	margin-left:10px;
}

.navi04_on a{
	background:url(../images/on_use_btn.gif) no-repeat;
	margin-left:10px;
}

.navi04 a{
	background:url(../images/off_use_btn.gif) no-repeat;
	margin-left:10px;
}

.navi01 a:hover {
	background:url(../images/on_toppage_btn.gif) no-repeat;
}

.navi02 a:hover {
	background:url(../images/on_count_btn.gif) no-repeat;
}

.navi03 a:hover {
	background:url(../images/on_temp_btn.gif) no-repeat;
}

.navi04 a:hover {
	background:url(../images/on_use_btn.gif) no-repeat;
}


/*---------------------/header-----------------------*/



/*--------------------main--------------------------*/

#main {
	background:url(../images/main_topbar.png) no-repeat;
	width:880px;
	padding-top:16px;
}



.content {
	background:#fff;
	width:854px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:42px;
	_width:880px;
}



.img01 {
	float:left;
	width:424px;
	height:304px;
	
}

.img01 a:hover {
	text-indent:-9999px;
	background:url(../images/count_img_hover.jpg) no-repeat;
	display:block;
}

.img02 {
	float:left;
	width:424px;
	height:304px;
	margin-left:6px;
	margin-bottom:28px;
}

.img02 a:hover {
	text-indent:-9999px;
	background:url(../images/temp_img_hover.jpg) no-repeat;
	display:block;
}

.text01 {
	clear:both;
	padding:0px 48px 0px 48px;
	line-height:1.5;
}

.orange {
	color:#ff4f01;
}

.red {
	color:#ff0000;
}



/*----------------------/main-------------------------*/



/*-----------------------footer-----------------------*/

#footer {
	background:url(../images/cont_bottombar.png) no-repeat;
	width:880px;
	height:27px;
	margin-bottom:22px;
}

#footer p{
	line-height:27px;
	text-align:center;
	color:#fff;
}

#footer a {
	text-decoration:none;
	color:#fff;
}

#footer a:visited {
	text-decoration:none;
	color:#fff;
}

#footer a:hover {
	text-decoration:none;
	color:#0066ff;
}
	

/*--------------------------pr------------------------*/

#pr {
	text-align:center;
	font-size:12px;
	background:url(../images/kado_top.png) no-repeat;
	width:880px;
	padding-top:10px;
}


.pr_textarea {
	background:#fff;
	width:830px;
	_width:880px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	line-height:1.5;
}


.pr_bottom {
	background:url(../images/kado_bottom.png) no-repeat;
	width:880px;
	
}

#pr a {
	text-decoration:underline;
	color:#0066ff;
}

#pr a:visited {
	text-decoration:underline;
	color:#0066ff;
}

#pr a:hover {
	text-decoration:none;
	color:#0066ff;
}


.counter {
	margin-top:10px;
}

/*-------------------------/pr-------------------------*/


/*-------------------------ac_index---------------------*/

.img03 {
	float:left;
	width:424px;
	height:304px;
	margin-left:6px;
	margin-bottom:28px;
}

.form {
	text-align:center;
}

/*--------------------------/ac_index--------------------*/

/*------------------------hpt----------------------*/


.img04 {
	float:left;
	width:424px;
	height:304px;
	
}

.img04 a:hover {
	text-indent:-9999px;
	background:url(../images/temp_img_hover.jpg) no-repeat;
	display:block;
}

.text02 {
	padding:0px 0px 0px 48px;
	margin-top:40px;
}





.pink01 {
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	color:#ff5a9f;
	margin-bottom:10px;
}

.temp_down {
	_width:776px;
	width:796px;
	height:154px;
	background:url(../images/temp_waku02.gif) no-repeat;
	padding:10px;
	
}


.down_naka01 {
	float:left;
	margin-right:55px;
}

.down_naka02 {
	float:left;
	
}

.temp_left {
	clear:both;
	float:left;
	margin-right:20px;
	_margin-right:15px;
	width:150px;
	height:154px;

}

.temp_right {
	float:left;
	width:190px;
	
}

.down_text {
	color:#ff5a9f;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	margin-top:62px;
}



/*---------------------------use----------------------*/

.use {
	margin-top:30px;
}

.use p {
	margin-bottom:20px;
}

.use .midashi {
	font-size:18px;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:30px; 
	
}

.use ul {
	list-style-position:inside;
	margin-bottom:25px;
	margin-left:20px;
}