@charset "Shift_JIS";

/*-------------------------------------------------
BeseCSS
-------------------------------------------------*/

body {
	background: #1A2E71 url(../common/back.jpg) repeat-x;
	margin: 0;
	padding: 0;
	}

td {
	font-size: 80%;
	color: #333333;
	}

p {
	padding: 0px;
	margin: 0px;
	}

a:link { 
	color: #003399;
	text-decoration: none;
	}

a:visited { 
	color: #003399; 
	text-decoration: none;
	}

a:active { 
	color: #CC3366; 
	text-decoration: none;
	}

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

div#site {
	background: url(../common/header-back.jpg) top center no-repeat;
	width: 100%;
	}

img.menu {
	margin-bottom: 1px;
	}

.subtit {
	color: #333399;
	font-weight: bold;
	}

.imgright {
	margin-left: 10px;
	margin-top: 10px;
	}

.369 {
	color: #336699;
	}

.900 {
	color: #990000;
	}

/*-------------------------------------------------
テーブル
-------------------------------------------------*/

.maintable {
	margin-bottom: 5px;
	}

table.line td {
	border-top: 1px solid #6699CC;
	border-bottom: 1px solid #6699CC;
	padding: 5px 0px 5px 0px;
	}

table.line2 td {
	border-top: 1px dotted #BEBEBE;
	border-bottom: 1px dotted #BEBEBE;
	padding: 3px 0px 3px 0px;
	}

table.line3 td {
	border-top: 1px dotted #BEBEBE;
	border-bottom: 0px dotted #BEBEBE;
	padding: 5px 0px 5px 0px;
	}

table.waku {
	border: 1px solid #6699CC;
	background: #E9F0F8;
	}

table.waku2 {
	border: 2px solid #6699CC;
	background: #E9F0F8;
	}

table, tr, td {
	border-collapse: collapse;
	}

/*-------------------------------------------------
リスト
-------------------------------------------------*/
ul.arrow1 {
	margin: 30px 0 0 0;
	padding: 0px;
	}

ul.arrow1 li {
	list-style: none;
	background: url(../common/arrow_01.gif) no-repeat 3px 4px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	margin: 8px 0px 0px 0px;
	}

ul.arrow2 {
	margin: 0px;
	padding: 0px;
	}

ul.arrow2 li {
	list-style: none;
	background: url(../common/arrow_01.gif) no-repeat 3px 4px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	margin: 8px 0 2px 0;
	}

ol.wakunai {
	margin: 0px 5px 0px 25px;
	padding: 0px;
	}

ul {
	margin: 0px;
	padding: 3px 0px 0px 20px;
	}


/* ===================================================== contentArea */

#contentArea {
	width: 520px;
	padding: 10px 20px 0 20px;
	}

/* ===================================================== netp */

#adList {
	margin: 0 0 10px 0px;
	}

#adList li {
	list-style: circle;	
	}

table.adTb {
	width: 520px;
	margin: 0px 0px 30px 0px;
	border-collapse: collapse;
	}

.adHead {
	width: 250px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 110%;
	border-bottom: 2px solid #acc6eb;
	}


/* ===================================================== listingNavi */

#listingNavi {
	margin: 0 0 20px 0;
}

#listingNavi ul {
	width: 520px;
	height: 31px;
	padding: 0px;
	background: url("../sponsor/images/navi.gif") left -31px no-repeat;
	list-style: none;
}

#listingNavi ul li#navi01,
#listingNavi ul li#navi02,
#listingNavi ul li#navi03 {
	float: left;
	width: 132px;
	height: 31px;
	text-indent: -9999px;
}

#listingNavi ul li#navi04 {
	float: left;
	width: 124px;
	height: 31px;
	text-indent: -9999px;
}
	
#listingNavi ul li a {
	display: block;
	width: 124px;
	height: 31px;
	text-indent: -9999px;	
}

#listingNavi ul li#navi01 a:link,
#listingNavi ul li#navi01 a:visited {
	background: url("../sponsor/images/navi.gif") left top no-repeat;
}

#listingNavi ul li#navi01 a:hover,
#listingNavi ul li#navi01 a:active {
	background: url("../sponsor/images/navi.gif") left -31px no-repeat;
}

#listingNavi ul li#navi02 a:link,
#listingNavi ul li#navi02 a:visited {
	background: url("../sponsor/images/navi.gif") -132px top no-repeat;
}

#listingNavi ul li#navi02 a:hover,
#listingNavi ul li#navi02 a:active {
	background: url("../sponsor/images/navi.gif") -132px -31px no-repeat;
}

#listingNavi ul li#navi03 a:link,
#listingNavi ul li#navi03 a:visited {
	background: url("../sponsor/images/navi.gif") -264px top no-repeat;
}

#listingNavi ul li#navi03 a:hover,
#listingNavi ul li#navi03 a:active {
	background: url("../sponsor/images/navi.gif") -264px -31px no-repeat;
}

#listingNavi ul li#navi04 a:link,
#listingNavi ul li#navi04 a:visited {
	background: url("../sponsor/images/navi.gif") -396px top no-repeat;
}

#listingNavi ul li#navi04 a:hover,
#listingNavi ul li#navi04 a:active {
	background: url("../sponsor/images/navi.gif") -396px -31px no-repeat;
}


/* ===================================================== listingNavi2 */

#listingNavi2 {
	margin: 0 0 50px 0;
}

#listingNavi2 ul {
	width: 520px;
	height: 31px;
	padding: 0px;
	background: url("../sponsor/images/navi2.gif") left -31px no-repeat;
	list-style: none;
}

#listingNavi2 ul li#navi1,
#listingNavi2 ul li#navi2,
#listingNavi2 ul li#navi3 {
	float: left;
	width: 132px;
	height: 31px;
	text-indent: -9999px;
}

#listingNavi2 ul li#navi4 {
	float: left;
	width: 124px;
	height: 31px;
	text-indent: -9999px;
}
	
#listingNavi2 ul li a {
	display: block;
	width: 124px;
	height: 31px;
	text-indent: -9999px;	
}

#listingNavi2 ul li#navi1 a:link,
#listingNavi2 ul li#navi1 a:visited {
	background: url("../sponsor/images/navi2.gif") left top no-repeat;
}

#listingNavi2 ul li#navi1 a:hover,
#listingNavi2 ul li#navi1 a:active {
	background: url("../sponsor/images/navi2.gif") left -31px no-repeat;
}

#listingNavi2 ul li#navi2 a:link,
#listingNavi2 ul li#navi2 a:visited {
	background: url("../sponsor/images/navi2.gif") -132px top no-repeat;
}

#listingNavi2 ul li#navi2 a:hover,
#listingNavi2 ul li#navi2 a:active {
	background: url("../sponsor/images/navi2.gif") -132px -31px no-repeat;
}

#listingNavi2 ul li#navi3 a:link,
#listingNavi2 ul li#navi3 a:visited {
	background: url("../sponsor/images/navi2.gif") -264px top no-repeat;
}

#listingNavi2 ul li#navi3 a:hover,
#listingNavi2 ul li#navi3 a:active {
	background: url("../sponsor/images/navi2.gif") -264px -31px no-repeat;
}

#listingNavi2 ul li#navi4 a:link,
#listingNavi2 ul li#navi4 a:visited {
	background: url("../sponsor/images/navi2.gif") -396px top no-repeat;
}

#listingNavi2 ul li#navi4 a:hover,
#listingNavi2 ul li#navi4 a:active {
	background: url("../sponsor/images/navi2.gif") -396px -31px no-repeat;
}


/* ============================================================ listing price table */

table.price_tb{
	width: 520px;
	margin: 0px 0px 30px 0px;
	border-collapse: collapse;
}

table.price_tb th{
	padding: 5px;
	text-align: left;
	background: #EEEEEE;
	font-weight: normal;
}

table.price_tb .bgOrange {
	padding: 5px;
	text-align: left;
	background: #FFDCB2;
	font-weight: bold;
	font-size: 75%;
	}

table.price_tb .bgYellow {
	padding: 5px;
	text-align: left;
	background: #FFFBE9;
	
	}

table.price_tb th,table.price_tb td{
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 70%;
	line-height: 1.5em;
}

table.price_tb th.tb_ttl{
	background: #FFA2BD;
}



/* ===================================================== seoNavi */

#seoNavi {
	margin: 0 0 20px 0;
}

#seoNavi ul {
	width: 520px;
	height: 31px;
	padding: 0px;
	background: url("../seo/images/navi.gif") left -31px no-repeat;
	list-style: none;
}

#seoNavi ul li#navi01,
#seoNavi ul li#navi02,
#seoNavi ul li#navi03 {
	float: left;
	width: 132px;
	height: 31px;
	text-indent: -9999px;
}

#seoNavi ul li#navi04 {
	float: left;
	width: 124px;
	height: 31px;
	text-indent: -9999px;
}
	
#seoNavi ul li a {
	display: block;
	width: 124px;
	height: 31px;
	text-indent: -9999px;	
}

#seoNavi ul li#navi01 a:link,
#seoNavi ul li#navi01 a:visited {
	background: url("../seo/images/navi.gif") left top no-repeat;
}

#seoNavi ul li#navi01 a:hover,
#seoNavi ul li#navi01 a:active {
	background: url("../seo/images/navi.gif") left -31px no-repeat;
}

#seoNavi ul li#navi02 a:link,
#seoNavi ul li#navi02 a:visited {
	background: url("../seo/images/navi.gif") -132px top no-repeat;
}

#seoNavi ul li#navi02 a:hover,
#seoNavi ul li#navi02 a:active {
	background: url("../seo/images/navi.gif") -132px -31px no-repeat;
}

#seoNavi ul li#navi03 a:link,
#seoNavi ul li#navi03 a:visited {
	background: url("../seo/images/navi.gif") -264px top no-repeat;
}

#seoNavi ul li#navi03 a:hover,
#seoNavi ul li#navi03 a:active {
	background: url("../seo/images/navi.gif") -264px -31px no-repeat;
}

#seoNavi ul li#navi04 a:link,
#seoNavi ul li#navi04 a:visited {
	background: url("../seo/images/navi.gif") -396px top no-repeat;
}

#seoNavi ul li#navi04 a:hover,
#seoNavi ul li#navi04 a:active {
	background: url("../seo/images/navi.gif") -396px -31px no-repeat;
}


/* ===================================================== seoNavi2 */

#seoNavi2 {
	margin: 0 0 30px 0;
}

#seoNavi2 ul {
	width: 520px;
	height: 37px;
	padding: 0px;
	background: url("../seo/images/navi2.gif") left -37px no-repeat;
	list-style: none;
}

#seoNavi2 ul li#navi1,
#seoNavi2 ul li#navi2 {
	float: left;
	width: 176px;
	height: 37px;
	text-indent: -9999px;
}

#seoNavi2 ul li#navi3 {
	float: left;
	width: 168px;
	height: 37px;
	text-indent: -9999px;
}
	
#seoNavi2 ul li a {
	display: block;
	width: 168px;
	height: 37px;
	text-indent: -9999px;	
}

#seoNavi2 ul li#navi1 a:link,
#seoNavi2 ul li#navi1 a:visited {
	background: url("../seo/images/navi2.gif") left top no-repeat;
}

#seoNavi2 ul li#navi1 a:hover,
#seoNavi2 ul li#navi1 a:active {
	background: url("../seo/images/navi2.gif") left -37px no-repeat;
}

#seoNavi2 ul li#navi2 a:link,
#seoNavi2 ul li#navi2 a:visited {
	background: url("../seo/images/navi2.gif") -176px top no-repeat;
}

#seoNavi2 ul li#navi2 a:hover,
#seoNavi2 ul li#navi2 a:active {
	background: url("../seo/images/navi2.gif") -176px -37px no-repeat;
}

#seoNavi2 ul li#navi3 a:link,
#seoNavi2 ul li#navi3 a:visited {
	background: url("../seo/images/navi2.gif") -352px top no-repeat;
}

#seoNavi2 ul li#navi3 a:hover,
#seoNavi2 ul li#navi3 a:active {
	background: url("../seo/images/navi2.gif") -352px -37px no-repeat;
}


.insideBox {
	width: 520px;
	margin: 0 0 30px 0;
	text-align: center;
	}

a.redTxt110  {
	color: #FF0000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	}

/* ===================================================== seoTable */

table.orangeTb{
	width: 520px;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
}

table.orangeTb th {
	padding: 5px;	
	background: #FFDCB2;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
	}

table.orangeTb th, table.orangeTb td{
	border: 1px solid #CCCCCC;
	padding: 5px;
	line-height: 1.5em;
}

.seoTable {
	width: 480px;
	border-collapse: collapse;
	}

.seoTable td {
	line-height: 1.5em;
	}

.seoBox {
	width: 480px;
	padding: 0 17px;
	background: #FFFFFF;
	border-left: 3px solid #EEEEEE;
	border-right: 3px solid #EEEEEE;
	}

.ttlSeo {
	width: 480px;
	margin: 0 0 10px 0;
	font-weight: bold;
	}


/* ===================================================== case */

.caseBox {
	width: 476px;
	margin: 0 0 30px;
	padding: 20px;
	border: 2px solid #DDDDDD;
	}

.caseIcon {
	float: left;
	width: 4em;
	margin: 0 5px 5px 0;
	padding: 4px 3px;
	background: #FF6600;
	color: #FFFFFF;
	font-size: 110%;
	text-align: center;	
	}

.caseTitle {
	padding: 4px 3px;
	color: #FF6600;
	font-size: 110%;
	font-weight: bold;
	}

.caseLine {
	width: 476px;
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #DDDDDD;
	font-weight: bold;
	}

.caseTxt {
	width: 476px;
	}

/* ===================================================== class */

.txtBtn10 {
	width: 520px;
	margin-bottom: 10px;
	}

.txtBtn20 {
	width: 520px;
	margin-bottom: 20px;
	}

.txtBtn30 {
	width: 520px;
	margin-bottom: 30px;
	}

.txtBtn40 {
	width: 520px;
	margin-bottom: 40px;
	}

.txtBtn50 {
	width: 520px;
	margin-bottom: 50px;
	}

.btnContact {
	width: 520px;
	margin: 0 auto 40px;
	text-align: center;
	}

.clearBoth {
	clear: both;
}

.textBold {
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.redLarge {
	color: #FF0000;
	font-size: 120%;
	}

.marginTop10 {
	margin-top: 10px;
}

.marginTop15 {
	margin-top: 15px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginLft10 {
	margin-left: 10px;
}

.marginLft20 {
	margin-left: 20px;
}

.marginBtm5 {
	margin-bottom: 5px;
}

.marginBtm10 {
	margin-bottom: 10px;
}

.marginBtm15 {
	margin-bottom: 15px;
}

.marginBtm20 {
	margin-bottom: 20px;
}

.marginBtm30 {
	margin-bottom: 30px;
}

.marginBtm40 {
	margin-bottom: 40px;
}

.marginBtm50 {
	margin-bottom: 50px;
}