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

/*======================================================
	Reset default style
=======================================================*/

* {margin: 0px; padding: 0px; line-height:180%; font-family:"メイリオ"; font-size:12px;}
em {visibility: hidden; font-size: 10px;}
ul {list-style: none;}
img {border: none;}
h1, h3, h3, h4, h5 {font-weight:normal; font-size: 1em; color:#080808;}

/*======================================================
	counter measure for bug
=======================================================*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 

/*======================================================
	site_style
=======================================================*/

body{
	background:url(img/header_border.gif) repeat-x 0px 60px;}
	
a{
	color:#333333;}
	
a:hover{
	text-decoration:none;}
	
strong{
	font-weight:normal;}
	
#header a{
	display:block;
	position:absolute;
	top:10px;
	left:0;}
	
h1{
	display:block;
	position:absolute;
	top:10px;
	left:210px;}
	
h2{
	background:url(img/title_img01.gif) no-repeat;
	color:#FFFFFF;
	padding:4px 35px 5px;
	font-size:14px;}
	
.block{
	display:block;
	margin:0 auto;}

#wrapper{
	width:902px;
	margin:0px auto;}

	
#header{
	height:76px;
	position:relative;
	background:url(img/main_contents_head.gif) no-repeat bottom;
	}
		

#main{
	background:url(img/side_bg.gif) repeat-y;
	padding:0px 0 0px;}
	
#wide_contents{
	width:678px;
	float:right;}
	
	
#side_contents{
	width:212px;
	float:left;}
	
#side_contents img{
	display:block;}
	
#side_contents dl a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;}
	
#side_contents dl a:hover{
	text-decoration:underline;}
	
#side_contents dd{
	padding:5px 0 5px 10px;
	background:url(img/side_separate.gif) no-repeat 50% bottom;}
	
#top_contents01{
	margin:10px auto 10px;}
	
#top_contents01 p{
	border:#CCCCCC 1px solid;
	padding:5px;}
	

.box{
	margin:0px auto 10px;
	border-bottom:#990033 dotted 5px;
	padding:0 0 10px;}
	
.box h3{
	background:url(img/title_img02.gif) no-repeat;
	padding:23px 0 15px 60px;
	font-size:14px;}
	
.box h3 a{
	color:#FFFFFF;
	font-size:14px;}
	
.box .left{
	float:left;
	width:61%;}
	
.box .left p{
	margin:10px 10px 10px 15px;}
	
.box .right{
	float:right;
	width:38%;}
	
.btn a{
	background:url(img/btn.jpg) no-repeat 0 -54px;
	display:block;
	width:271px;
	height:58px;
	text-indent:-9999px;
	margin:0 0 0 75px;}
	
.btn a:hover{
	background:url(img/btn.jpg) no-repeat;}
	
.aspBox{
	width:250px;
	text-align:center;
	margin:20px auto;}
	
.aspBox a{
	width:250px;
	display:block;
	height:200px;
	text-indent:-9999px;
	margin:0 0 5px;}
	
.aspBox span a{
	text-indent:0;
	background:none;
	text-align:center;
	margin:0;
	display:inline;}
	
#footer{
	background:#1A1A1A;
	color:#FFFFFF;
	padding:15px;}
	
#footer a{
	color:#FFFFFF;}
	
#admin{
	text-align:right;}
	
.price{
	color:#FF0099;
	font-size:18px;
	border:#FF0099 dotted;
	border-width:0 0 2px 0;
	padding:0 0 0px 0px;}
	
.contents_box{
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:0 0 10px;}
	
.contents_box dt{
	color:#990000;
	font-size:14px;}
	
.contents_box dd{
	font-size:12px;}
	
.contents_box p{
	margin:0px 0 10px;
	font-size:14px;}
	
#contents01_title{
	margin:0 auto 10px;
	background:url(img/contents01_img02.gif) no-repeat 50% bottom;
	height:199px;
	width:671px;}
	
#contents02_title{
	margin:0 auto 10px;
	background:url(img/contents02_img02.gif) no-repeat 50% bottom;
	height:199px;
	width:673px;}
	
#contents01_title p,#contents02_title p{
	width:50%;
	margin:13px 0 0 242px;}
	
#contents01_title h3{
	background:url(img/contents01_img.gif) no-repeat;
	height:84px;
	text-indent:-9999px;}
	
#contents02_title h3{
	background:url(img/contents02_img01.gif) no-repeat;
	height:84px;
	text-indent:-9999px;}
	
.arrow{
	text-align:right;
	margin:0 0 10px;}
	
.arrow a{
	background:url(img/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 15px;}
	
#contents01_list{
	margin:5px auto 10px;
	width:95%;}
	
#contents01_list li{
	border:#CCCCCC solid;
	border-width:0 0 1px 0;
	background:url(img/arrow.gif) no-repeat 0 50%;
	padding:3px 0 3px 15px;	}
	
/*************************************       asp         ********************************************/

.asp01 a{
	background:url(asp/asp01.png) no-repeat;}
	
.asp02 a{
	background:url(asp/asp02.png) no-repeat;}
	
.asp03 a{
	background:url(asp/asp03.png) no-repeat;}
	
.asp04 a{
	background:url(asp/asp04.png) no-repeat;}
	
.asp05 a{
	background:url(asp/asp05.png) no-repeat;}
	
.asp06 a{
	background:url(asp/asp06.png) no-repeat;}
	
.asp07 a{
	background:url(asp/asp07.png) no-repeat;}
	
.asp08 a{
	background:url(asp/asp08.png) no-repeat;}