/* CSS Document トップページ・共通部分*/

/* ボディ部分 */
body {
	/*background-image:url(../images/back.gif);*/
	background-color: #0066FF;
	
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック", "Osaka", sans-serif;

	}


a {
	color: #0000FF;
	}
	

a:hover {
	color: #CC0000;
	}

.font80 {
	font-size: 80%;
}

.font85 {
	font-size:85%;
}

.font75 {
	font-size: 75%;
}
.font70 {
	font-size: 70%;
}

 

.font_red {
color:#FF0000;
}

.font_darkred {
color: #990000;
}

.lh {
line-height: 140%;
}


.lp {
letter-spacing: -2px;
}
/* ボディ部分終了 */




/* コンテナー部分 */
#container {
	width: 850px;
	text-align: center;
	background-color: #FFFFFF;
	
	margin-left: auto;
	margin-right: auto;
	border: 3px #0000FF solid;
	}
	
/* コンテナー部分終了 */



/* フォームタグの余分な空行をとる */
form {
	margin: 0px;
}
/* フォームタグの余分な空行をとる終了 */



/* ヘッダー部部分 */
#header {
	width: 850px;
	text-align: center;
	}

.head {
text-align:left;

}


.headtitle {
clear: both;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 5px #0000FF solid; 
	height: 90px;
	font-size:80%;
}


.headtitle_l {
float: left;
}

.headtitle_r {
float: right;
text-align: right;
padding: 5px 10px 0 0;
line-height: 130%;
}


.hmenu_up {
	height: 20px;
	text-align:left;
	padding: 0px;
	margin: 0;
}
.hmenu {
	height: 35px;
	background-color: #333333;
	text-align:left;
	padding: 0px;
	color: #000000;	
	font-weight: bold;
	margin: 0;
}


.hmenu ul {
	margin: 0px;
	padding:0px;
	list-style: none;
	
}


.hmenu li {
	float:left;
width : 132px;	/* 幅 */
height: 30px;
line-height : 2em;	/* 行の高さ */
text-align : center;	/* テキストの中央寄せ */
border-left: #333333 1px solid;	
background-color: #666666;

}

.hmenu li a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.hmenu li a:hover {
	color:#FFFF00;
	}
	
	
/* ヘッダー部分終了 */	

/* コンテンツ部分 */	
#content {
	width: 850px;
	clear: both;
	margin-top: 10px;
	}
	
/* コンテンツ部分終了 */
	
/* 左部分 */
#left {
	width: 170px;
	float: left;
	padding: 0px;
	margin: 0 5px 0 10px;
	line-height: 140%;
	font-size: 80%;

	}


.pickup_margin {
margin-bottom: 1px;
}
	
	
/* 左部分終了 */





/* h5タイトル部分 */	
h5 {
	text-align: left;
	margin: 0;
	padding: 3px 1px 3px 15px;
	color: #ffffff;
	/*background-image:url(../images/icon1.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	background-color: #0000FF;
	border-bottom: 1px solid #999999;
	
}


/* h5タイトル部分 */	
	


/* 真ん中部分 */
#main {
	width: auto; 
	float: left;
	margin: 0;
	
	}

h4 {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 0px 5px 10px;
	color: #ffffff;
	height: auto;
	background-color: #0000FF;
	}

.topmainspace {
margin: 0 0 10px 0;
width: 650px;
text-align: left;
font-size: 80%;
border: 1px solid #0000ff;
}

.mainspace {
margin: 0 0 10px 0;
width: 650px;
text-align: left;
font-size: 80%;
}


.topmainspace ul {
	margin: 0;
	padding: 0px 5px 0 5px;
	text-align: left;
}

.topmainspace li {
list-style: none;
margin: 0;
padding: 5px 0 5px 10px;
background-image: url(../images/icon3.gif);
background-position: center left;
background-repeat: no-repeat;
}


.mainspace_gray {
margin: 0 0 10px 0;
width: 630px;
text-align: left;
font-size: 90%;
background-color:#E9EAE8;
padding: 10px;
}

.leftspace{
width: 170px;
text-align:center;
padding:0;
border: 1px solid #0000FF;
clear: both;
margin: 0 0 10px 0;
}


.leftfreespace{
width: 170px;
text-align:center;
padding:0 0 0 0;
clear: both;
margin: 10px 0 10px 0;
}

.leftspace2 {
padding: 5px;
}

/*カテゴリ*/

.leftspace ul {
	margin: 0;
	padding: 0px 5px 0 5px;
	text-align: left;
	font-size: 90%;
}

.leftspace li {
list-style: none;
margin: 0;
padding: 5px 0 5px 15px;
background-image: url(../images/icon2.gif);
background-position: center left;
background-repeat: no-repeat;
border-bottom: 1px dotted #6600CC;
}


/* 真ん中部分終了 */
	
	
/* フッター部分 */
#footer {
	height: 65px;
	clear: both;
	border-top: 5px #0000FF solid;
}



.toplink {
	text-align: right;
	padding: 10px 10px 2px 0px;
	background-color: #FFFFFF;
	font-size: 75%;
}


.toplink a {
	color: #000000;
	text-decoration: none;
	}

.toplink a:hover {
	color:#CC0000;
	}


.copy {
	text-align: center;
	padding: 3px 5px 0px 0px;
	color: #000000;
}

.flash {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 3px;
	color:#FFFFFF;
}

.flash img {
	float: left;
	margin-right: 5px;
	}

	
.footmenu a {
	color: #000000;
	text-decoration: none;
	}

.footmenu a:hover {
	color:#CC0000;
	}
	
/* フッター部分終了 */


/* 中ページ　ここから　↓ */

h3 {
color: #663399;
}


/* ガイド・個人情報・商取引部分 */
#container2 {
	width: 600px;
	text-align: left;
	background-color: #FFFFFF;
	
	margin-left: auto;
	margin-right: auto;
	border: 3px #000000 solid;
	}

.contents2 {
	padding: 10px 10px 35px 10px;
	clear: both;

	}
	

	
/* ガイド・個人情報・商取引部分終了 */

/* ------------------------------
table
------------------------------ */
.contact_form {
margin: 0;

}

.contactwaku {
border: 1px solid #999999;
}


.contact_form th {
text-align: left;
padding:5px 5px 5px 20px;
border-bottom: 1px dotted #666666;
background-color: #D9D9B3 ;
}

.contact_form td {
border-bottom: 1px dotted #666666;
padding:5px;
}

.must {
color:#C84264;
}
.onlineimg {
text-align:center;
margin: 5px 0 20px 0;
}

.copy {
margin:5px;
font-size: 75%;
text-align: right;
}