@charset "utf-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

/*--------------------------------------------------------------------*/
/*ページ共通　タグ設定*/
/*--------------------------------------------------------------------*/
body {
	padding: 0;
	overflow-y: scroll;
	line-height: 1.4;
	letter-spacing: 0.06em;
	font-size: small;
	color: #fff;


	/*IE6・7ハック用*/
	*padding: 0 0 0 1px;
	*overflow: auto;
	background-image:url(../img/back.jpg)
}

a {
	text-decoration: none;
	outline: none;
	color: #a00;
}

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

a:hover img{
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;
	opacity: 0.80;
}

h2{
	font-size:300%;
}

/*--------------------------------------------------------------------*/
/*ページ共通　セレクタ設定*/
/*--------------------------------------------------------------------*/
div#Container {
	width: 800px;
	margin: 0 auto;
	padding: 0 10px;
	background: #222;
}

/*コンテンツ部分の設定*/
div#Contents {
	margin: 0;
	padding: 10px 0;
	background: #222;
}

/*ヘッダー部分の設定*/
div#Header {
	margin: 0 auto 10px auto;
	height:150px;
	background-image:url(../img/head.jpg);
	color: #222;
}

/*メイン部分の設定*/
div#Main {
	width: 590px;
	padding: 0 0 15px 0;
	float: right;
}

div#Main div.MainPhoto {
	margin: 10px 0;
	text-align: center;
}

div#Main p {
	margin: 10px 0;
}

/*サイド部分の設定*/
div#Side {
	width: 200px;
	float: left;
}

#home_b a {  
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/home0.jpg);
	padding-top: 50px;
	text-align: center;
}  
    
#home_b a:hover {
	background-image: url(../img/home1.jpg);  
}

#shotyu_b a {  
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/syotyu0.jpg);
	padding-top: 50px;
	text-align: center;
}  
    
#shotyu_b a:hover {
	background-image: url(../img/syotyu1.jpg);  
}

#manshon_b a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/manshon0.jpg);
	padding-top: 50px;
	text-align: center;
}

#manshon_b a:hover {
	background-image: url(../img/manshon1.jpg);  
}

#buger_b a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/buger0.jpg);
	padding-top: 50px;
	text-align: center;
}

#buger_b a:hover {
	background-image: url(../img/buger1.jpg);  
}

#cookie_b a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/cookie0.jpg);
	padding-top: 50px;
	text-align: center;
}

#cookie_b a:hover {
	background-image: url(../img/cookie1.jpg);  
}

#paper_b a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/free0.jpg);
	padding-top: 50px;
	text-align: center;
}

#paper_b a:hover {
	background-image: url(../img/free1.jpg);  
}

#soop_b a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 200px;
	background-image: url(../img/soop0.jpg);
	padding-top: 50px;
	text-align: center;
}

#soop_b a:hover {
	background-image: url(../img/soop1.jpg);  
}

/*フッター部分の設定*/
div#Footer {
	clear: both;
	padding: 5px;
	background: #000;
	text-align: center;
	color: #fff;
}

div#Footer ul {
	list-style: none;
	text-align: center;
}

div#Footer ul li {
	display: inline;
}

div#Footer ul li a {
	text-decoration: none;
	color: #a00;
}

div#Footer ul li a:hover {
	text-decoration: underline;
}

div#Footer address {
	margin: 5px 0 0 0;
	text-align: center;
}


/*--------------------------------------------------------------------*/
/*下層ページ共通　セレクタ設定*/
/*--------------------------------------------------------------------*/
div#Main table {
	width: 570px;
	margin: 10px auto;
	border-collapse: collapse;
	border: 0 none;
}

div#Main table tr th {
	width: 25%;
	padding: 5px 10px;
	background: #000;
	border: 1px solid #fff;
	text-align: left;
	vertical-align: top;
	color: #fff;
}

div#Main table tr td {
	width: 75%;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #000;
	text-align: left;
	vertical-align: top;
	color: #000;
}

div#Main table tr td ul,
div#Main table tr td ol {
	padding-left: 1em;
	margin-left: 1em;
}

.exit {
	text-align:center;
}

.img{
	position:		absolute;
	visibility:		hidden;
}