@charset "utf-8";

/* -- top　ページ-- */

/* ----------------------
   all.css
---------------------- */
* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

body {
	text-align: center;
}

a {
	text-decoration: none;
	display: block;
}

p {
	font-size: 90%;
}

dt {
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
}
dd {
	font-size: 88%;
	line-height: 1.5;
}
.red {
	font-size: 120%;
	font-weight: bold;
	color: #CC3300;
}
.blue {
	font-size: 120%;
	font-weight: bold;
	color: #0033FF;
}
.black {
	font-size: 130%;
	font-weight: bold;
}
.small {
	font-size: 12px;
}

/* ---- section ---- */ 


#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}


/* ---- Header ---- */ 
h1 {
	font-size: 12px;
}
#header img {
	 float: left;
}

/* -- movie --*/
#movie {
	float: left;
	border: #999 solid 1px;
	width: 320px;
	height: 240px;
}

#main {
	clear: both;
	overflow: hidden;
}

/* -- sub menu --*/
#subnavi {
	width: 180px;
	margin-top: 20px;
	float: left;
	margin-right: 10px;
}


#submenu {
	width: 180px;
	text-decoration: none;
}

#submenu ul {
	background-image: url(../img/sub_title.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 30px;
	width: 180px;
}

#submenu li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #999;
}

#submenu li {
	text-decoration: none;
	list-style: none;
	display: inline;
}

#submenu .submenutop a {
	background-image: url(../img/sub_menutop.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenutop a:hover {
	background-image: url(../img/sub_menutop_h.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu01 a {
	background-image: url(../img/sub_menu01.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu01 a:hover {
	background-image: url(../img/sub_menu01_h.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu02 a {
	background-image: url(../img/sub_menu02.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu02 a:hover {
	background-image: url(../img/sub_menu02_h.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu03 a {
	background-image: url(../img/sub_menu03.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu03 a:hover {
	background-image: url(../img/sub_menu03_h.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu04 a {
	background-image: url(../img/sub_menu04.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

#submenu .submenu04 a:hover {
	background-image: url(../img/sub_menu04_h.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
}

/* --- link ---*/
.link {
	border: #999 solid 1px;
	width: 175px;
	margin-top: 10px;
	font-size: 14px;
	padding-left: 5px;
	padding-bottom: 10px;
}

.contents {
	float: left;
	margin-top: 20px;
}


/* -- news -- */
#newsArea {
	width: 160px;
	height: 250px;
	border: #999 solid 1px;
	padding: 10px;
	float: left;
	margin-top: 10px;
}

#newsArea h3 {
	margin-bottom: 10px;
	text-align: center;
}

#newsArea dt,
#newsArea dd {
	font-size: small;
	line-height: 1.2;
}

#newsArea dt {
	width: 80px;
	color: #1E58E1;
	font-weight: bold;
}

#newsArea dd {
	color: #666;
	width: 160px;
}

#newsArea dd a {
	color: #333;
}

#newsArea dd a:hover {
	color: #888;
}

#newsArea p {
	clear: both;
	font-size: 76%;
	width: 130px;
}

#newsArea p a {
	color:#FF3300;
}

#newsArea p a:hover {
	color: #FFCC00;
}


/* --- kumiai ---*/
.kumiai {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 700px;
	clear: both;
	overflow: hidden;
}

.kumiai h3 {
	line-height: 2.0;
}
.kumiai .Profile {
	float: left;
	background-color: #f0ecd0;
	padding-bottom: 10px;
	padding-right: 6px;
}

.kumiai .Profile img {
	margin: 10px 0 0 5px;
	float: left;
}

.kumiai .Profile p {
	float: left;
	margin: 10px 0 0 5px;
	width: 210px;
}

.kumiai h4 {
	margin-bottom: 10px;
	text-indent: 1em;
	clear: both;
	overflow: hidden;
	border-bottom: #AF700D 3px;
	border-bottom-style: dotted;
}

.kumiai .Commodity {
	clear: both;
	overflow: hidden;
	margin-left: 10px;
}

.kumiai .Commodity ul {
	list-style-type: none;
}
.kumiai .Commodity ol li {
	text-align: left;
	vertical-align: top;
	width: 280px;
	font-size: 12px;
	float: left;
}

/*
.kumiai .Commodity .menu01 a {
	float: left;
	display: block;
	background-image: url(../img/kisetsu_bnr.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu01 a:hover {
	float: left;
	display: block;
	background-image: url(../img/kisetsu_bnr_h.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}
*/

.kumiai .Commodity .menu02 a {
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	display: block;
	background-image: url(../img/kakisu_bnr.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu02 a:hover {
	margin-left: 5px;
	display: block;
	background-image: url(../img/kakisu_bnr_h.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu02 p {
	float: left;
	width: 400px;
	margin-top: 5px;
}

.kumiai .Commodity .menu03 a {
	margin-left: 5px;
	margin-top: 5px;
	clear: both;
	float: left;
	display: block;
	background-image: url(../img/kansoukaki_bnr.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu03 a:hover {
	margin-left: 5px;
	float: left;
	display: block;
	background-image: url(../img/kansoukaki_bnr_h.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu03 p {
	float: left;
	width: 400px;
}

.kumiai .Commodity .menu04 a {
	float: left;
	display: block;
	background-image: url(../img/natane_bnr.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}


.kumiai .Commodity .menu04 a:hover {
	float: left;
	display: block;
	background-image: url(../img/natane_bnr_h.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 80px;
	text-indent: -9999px;
}

.kumiai .Commodity .menu04 p {
	float: left;
	width: 400px;
}
/* ---- minou ---- */ 
#minou {
	clear: both;
	overflow: hidden;
}

#minou h2 {
	margin: 20px 0;
}

#minou .leftbox {
	float: left;
	margin-left: 10px;
}

#minou .rightbox {
	float: left;
	margin-left: 20px;
	width: 500px;
	padding-bottom: 20px;
}
#minou a {
	text-decoration: none;
	display: block;
}

#minou dt {
	font-size: 14px;
}

#minou dd {
	font-size: 12px;
}


/* ---- pay ---- */ 
#pay {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}
#pay h2 {
	margin: 30px 10px 20px;
	padding-left: 5px;
	border-bottom: #666600 2px solid;
	border-left: #666600 10px solid;
}

#pay table {
	font-size: 82%;
	line-height: 130;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	border: #CCCCCC 1px solid;
	border-collapse: collapse;
	text-align: center;
	margin-top: 20px;
	background-color: #fffff0;
}
#pay .pay01 {
	border: #CCCCCC 1px solid;
	background-color: #555fdd;
	width: 100px;
	color: #FFFFFF;
	font-weight: bold;
}
#pay .pay02 {
	text-align: left;
	padding: 1em;
	border: #CCCCCC 1px solid;
}
#pay .pay03 {
	font-size: 110%;
}

#pay p {
	margin-left: 20px;
}

#pay ul {
	padding-bottom: 20px; 
	margin-left: 30px;
	font-size: 86%;
	width: 780px;
}

#pay li {
	list-style-type: disc;
	list-style-position: inside;
}
#pay img {
	text-align: center;
	vertical-align: bottom;
}



/*--  send --*/

#send {
	clear: both;
	overflow: hidden;
}

#send h2 {
	margin: 30px 10px 20px;
	padding-left: 5px;
	border-bottom: #666600 2px solid;
	border-left: #666600 10px solid;
}

#send h3 img {
	margin-left: 100px;
}

#send p {
	margin-left: 20px;
}

#send table {
	font-size: 80%;
	line-height: 130;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: #CCCCCC 1px solid;
	border-collapse: collapse;
	text-align: center;
	margin-top: 20px;
}
#send th,
#send td {
	font-size: 110%;
}

#send .send01 {
	color: #FFFFFF;
	background-color: #555fdd;
	padding: 5px;
}

#send .send02 {
	text-align: center;
	background-color: #ffff93;
	padding: 5px;
}

#send .send03 {
	background-color: #555fdd;
	color: #FFFFFF;
	padding: 5px;
}

#send .send04 {
	background-color: #fbfbce;
	padding: 5px;
}

#send .send05 {
	background-color: #DEDEFF;
	padding: 5px;
}

#send td {
	border: #CCCCCC solid 1px;
	padding: 5px;

}
#send .send06 {
	text-align: center;
	padding: 5px;

}

/*--  info --*/

#info {
	clear: both;
	overflow:auto;
}

#info h2 {
	margin: 30px 10px 20px;
	padding-left: 5px;
	border-bottom: #666600 2px solid;
	border-left: #666600 10px solid;
}

#info table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: #CC6600 1px solid;
}

#info th,
#info td {
	border: #CC6600 1px solid;
	line-height: 1.6;
	padding: 5px;

}

#info th {
	font-size: 84%;
	width: 230px;
	text-indent: 5px;
}
#info td {
	font-size: 82%;
	border-left: #CC6600 1px solid;
	width: 500px;
}

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

#footer {
	clear: both;
	overflow: hidden;
	margin: 30px 0;
}
#footer p {
	text-align: center;
}