@charset "UTF-8";




* {
	margin: 0;
	padding: 0;
}

a, a:visited {
	text-decoration: underline;
	color: #888888;	
		
}


/*リンクにマウスカーソルをのせた場合色を変える*/
a:hover {
	color: #666666;
}



body {
	background:#000000;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}


/*画像の設定　個別に指定したい場合は↓のようにクラス要素で設定する*/

img {
	border:none;
	
}


.images {margin: 10px 20px;}

.photo1 {float:right; margin: 5px 5px;}
.photo2 {float:left; margin: 5px 10px;}
.photo3 {position: relative; bottom: 0px;}

.count1 {float:right; margin: 5px 10px 10px 0px;}
.count2 {float:right; margin: 5px 30px 10px 0px;}
.count3 {float:right; margin: 5px 10px 3px 0px;}
.count4 {float:right; margin: 10px 5px;}


/* margin */

.margin_l10 {margin-left: 10px;}
.margin_l20 {margin-left: 20px;}
.margin_l30 {margin-left: 30px;}

.margin_b05 {margin-bottom: 5px;}
.margin_b10 {margin-bottom: 10px;}
.margin_b15 {margin-bottom: 15px;}
.margin_b20 {margin-bottom: 20px;}
.margin_b30 {margin-bottom: 30px;}
.margin_b50 {margin-bottom: 50px;}
.margin_b200 {margin-bottom: 200px;}
.margin_b1em {margin-bottom: 1em;}

.margin_tb05 {margin: 5px 0;}
.margin_tl06 {margin: 5px 0px 5px 5px;}
.margin_tl07 {margin: 5px 0px 3px 0px;}
.margin_tl08 {margin: 5px 0px 3px 15px;}

.margin_img01 {margin: 0 0 5px 15px;}
.margin_img02 {margin: 0 0 5px 30px;}

.margin_r16 {margin-right: 16px;}
.margin_r16_2 {margin-right: 30px;}

/* padding */

.padding_t05{ padding-top:5px;}
.padding_t10{ padding-top:10px;}
.padding_t15{ padding-top:15px;}
.padding_t20{ padding-top:20px;}
.padding_r05{ padding-right:5px;}
.padding_r10{ padding-right:10px;}
.padding_r15{ padding-right:15px;}
.padding_r30{ padding-right:30px;}
.padding_b10{ padding-bottom:10px;}
.padding_b15{ padding-bottom:15px;}

.padding_txt1{ padding:2px 0;}
.padding_txt2{ padding:2px 5px;}
.padding_txt3{ padding:5px 10px;}
.padding_txt4{ padding:5px 20px;}
.padding_txt5{ padding:5px 3px 10px;}
.padding_txt6{ padding:0px 5px 10px;}
.padding_txt6_2{ padding:0px 5px;}
.padding_txt7{ padding:10px 15px 10px 5px;}
.padding_txt7_2{ padding:10px 5px 10px 5px;}
.padding_txt7_3{ padding:10px 5px 0px 5px;}
.padding_txt7_4{ padding:10px 15px 20px 5px;}
.padding_txt8{ padding:50px 0px 10px 30px;}

/* clear */

.clearright {clear:right;}
.clearleft {clear:left;}

/*---------------------------*/

#zentai {
	margin: 0 auto;
	width: 800px;
	padding-top: 10px;	
}

#contents {
	margin: 0 auto;
	width: 650px;
	background: #FFCC99;
	border: solid 25px;
	border-color: #FFFFFF;
}

#contents a:hover img{ 
	position: relative;
	left: 1px;
	top: 1px;
}

#toplogo {
	margin: 0 auto;
	width: 650px;
	height: 114px;
	background-color: #000000;			
}

#maincontents {
	margin: 0px auto;
	padding:0px;
	width: 650px;
}

/*-----トップページ設定----------*/


#top_contents {
	margin: 0 auto;
	width: 650px;
	height:740px;
	padding: 20px 0px 0px 0px;
	background: url(images/top_bg.jpg) no-repeat;	
}

#top_bottom {
	margin: 0 auto;
	width: 650px;
	height:auto;
	padding: 20px 0px 20px 0px;
	position: absolute;
	bottom: 0px;

}

#top_bottom .enter {
	float:right;
	margin-right:100px;
}




/*---２カラムにしている設定---*/


#leftsidecontents {
	float:left;
	background: #FFCC99;
	width: 160px;
	height: auto;
}

#leftsidecontents p {
	padding: 5px 0px 5px 10px;

}


#rightsidecontents {
	float: right;
	width: 490px;
	height: 720px;
	margin: 0px;
	background: url(images/what_bg.png) no-repeat top;
	background-color: #000000;
}

#rightsidecontents p {
	padding: 10px 0px 5px 20px;
	line-height: 18px;	
}


/*----ルールページ設定--------------*/

#rightsidecontents_law {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background: url(images/law_bg.gif) no-repeat 0px 80px;
	background-color: #000000;

}

#rightsidecontents_shot {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background: url(images/law3_bg.gif) no-repeat 0px 80px;
	background-color: #000000;

}

/*----写真ページ設定--------------*/

#rightsidecontents_photo {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background-color: #000000;
}

#photo_top {
	margin: 10px auto;
	width: 490px;
}

.photo_topleftbox {
	margin: 0 auto;
	width: 230px;
	float: left;
}

.photo_toprightbox {
	margin: 0 auto;
	width: 260px;
	float: right;
}

#photo_bottom {
	margin: 0 auto;
	width: 490px;
}

#photo_bottom table {
	margin: 0 auto;
	width: 460px;
}

/*----お知らせページ設定--------------*/

#rightsidecontents_news {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background-color: #000000;
}


#news_top {
	margin: 10px auto;
	width: 490px;
}

#news_bottom {
	margin: 0 auto;
	width: 490px;
}

.news_topleftbox {
	margin: 0 auto;
	width: 300px;
	float: left;
}

.news_toprightbox {
	margin: 0 auto;
	width: 180px;
	float: right;
}

.news_meritbox {
	margin: 0px auto;
	width: 479px;
	height:227px;
	background: url(images/intoro_toiawasebg.png) no-repeat;
}

/*----グッズページ設定--------------*/

#rightsidecontents_goods {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background-color: #000000;
}

#rightsidecontents_goods p {
	padding: 5px 0px 5px 10px;

}

#goods_top_s {
	margin: 0 auto;
	width: 446px;
	background: url(images/goods_sbg.jpg) no-repeat;
	margin-left:20px;
}

#goods_top_k {
	margin: 0 auto;
	width: 446px;
	background: url(images/goods_kbg.jpg) no-repeat;
	margin-left:20px;
}

#goods_top_p {
	margin: 0 auto;
	width: 446px;
	background: url(images/goods_pbg.jpg) no-repeat;
	margin-left:20px;
}

#goods_top_g {
	margin: 0 auto;
	width: 446px;
	background: url(images/goods_gbg.jpg) no-repeat;
	margin-left:20px;
}

#goods_bottom {
	margin: 0 auto;
	width: 446px;
	background: #FFCC99;
	margin-left:20px;

}

#goods_bottom table {
	margin: 0 auto;
	width: 442px;
	padding:2px;
}


.goods_topleftbox {
	margin: 0 auto;
	width: 300px;
	float: left;
}

.goods_toprightbox {
	margin: 0 auto;
	width: 180px;
	float: right;
}



/*----導入お問い合わせページ設定--------------*/

#rightsidecontents_merit {
	float: right;
	width: 490px;
	height: auto;
    margin: 0px;	/*←これ重要*/
	background: url(images/merit_bg.gif) no-repeat 0px 80px;
	background-color: #000000;
}

#rightsidecontents_merit p {
	padding: 5px 0px 5px 20px;
	line-height: 18px;	
}

/*----会社概要ページ設定--------------*/

#rightsidecontents_com {
	float: right;
	width: 490px;
	height: 780px;
    margin: 0px;	/*←これ重要*/
	background: url(images/company_bg.gif) no-repeat 0px 80px;
	background-color: #000000;

}

#rightsidecontents_com table {
	margin: 50px auto 10px auto;
	width: 380px;
}

#rightsidecontents_com th {
	width: 100px;
}

.gaiyou {
	padding: auto 10px;

}

/*フッター設定*/

#footer {
	color: #ffffff;
	background: #000000;
	clear: both;
	margin-bottom:50px;
	padding-left:0px;
	border-bottom: solid 3px #333333;
	height: auto;
}

#copyright {
	padding-top:3px;
	padding-left:20px;
	color: #ffffff;
	font-size:10px;
	margin:20px 0px 0px 25px;
	width: 700px;
}


/*-------------------------------------------*/

/* */
/*p {
	padding-left:20px;

	padding-bottom: 0px;
	padding-top: 0px;

	line-height:150%;

}*/

h1 {
	font-size:12px;
	font-weight:normal;
	padding-right:50px;
	color: #666666;	

}

h2 {
	font-size:12px;
	font-weight:normal

}

h3 {
	font-size:14px;
	padding-left:20px;

}

h4 {
	font-size:14px;

}

hr {
	margin-bottom:15px;

}

em {
	font-style: normal;
	font-weight: bold;
	
}

/*-----------------*/

