@charset "utf-8";
/* formatting style
--------------------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 75%;
	line-height: 1.6;
	color: #333333;
	background-color: #FFF;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
}
html {
	overflow-y:scroll;
}
/*floatクリア*/
.cl {
	clear: both;
}

/* link style
--------------------------------------*/
a img {
	border-style: none;
}

a:link {
	color: #8353A6;
	text-decoration: underline;
}
a:hover {
	color: #009;
	text-decoration: none;
}
/*a:visited {
	color: #8353A6;
	text-decoration: underline;
}*/
#submenu a:link {
	color: #333;
	text-decoration: none;
}
#submenu a:hover {
	color: #8353A6;
	text-decoration: underline;
}
#submenu a:visited {
	color: #333333;
	text-decoration: none;
}

/*#footer a:link {
	color: #8353A6;
	text-decoration: underline;
}
#footer a:hover {
	color: #009;
	text-decoration: none;
}
*/



/* font style
--------------------------------------------*/

.green {
	color:#669933;
}


#main .page .no {
	text-indent: -9999px;
}

.left {
	float:left;
}
.right {
	float:right;
}
.ri {
	text-align:right;
}
.ce {
	padding-left: 5px;
}

.orange {
	color:#F60;
}
.orange14 {
	color:#F60;
	font-size:14px;
}
#main_content .tt {
	padding-top: 15px;
	padding-bottom: 15px;
}
.viri {
	color: #62119A;
	text-align: right;
}


/* basic layout
--------------------------------------------*/

#wrapper {
	background-color: #FFF;
	width: 100%;
}
#header {
	background-color: #FFF;
	width: 100%;
	height: 95px;
}
.pack {
	margin: 0px auto;
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#main {
	background-color: #FFF;
	background-image: url(comon_img/bodyimg00.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
#main .page {
	background-image: url(comon_img/mainimg.jpg);
	margin: 0px auto;
	background-repeat: no-repeat;
	width: 1068px;
}
#main .page #content {
	margin: 250px auto 0px;
	width: 900px;
	background-color: #FFF;
}
#main .page #content #main_content {
	margin: 0px auto;
	width: 870px;
}
#footer {
	color: #FFF;
	background-color: #666;
	width: 100%;
}

/* #header style
--------------------------------------------*/

#header .pack .green {
	text-align: right;
	padding-top: 10px;
}
#header .pack #submenu {
	text-align: right;
}
#header .pack #submenu li {
	float: right;
	padding-left: 20px;
	list-style: none;
	padding-top: 25px;
}
#logo {
	position: absolute;
	top: 5px;
}

/* #nav style
--------------------------------------------*/


#nav ul li {
	display: block;
	float: left;
	width: 150px;
	list-style: none;
	height: 46px;
}
#nav ul a {
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 46px;	
}
#nav ul #home a {
	background-image: url(comon_img/menu01.jpg);
	background-repeat: no-repeat;
}
#nav ul #service a {
	background-image: url(comon_img/menu02.jpg);
	background-repeat: no-repeat;
}
#nav ul #flow a {
	background-image: url(comon_img/menu03.jpg);
	background-repeat: no-repeat;
}
#nav ul #price a {
	background-image: url(comon_img/menu04.jpg);
	background-repeat: no-repeat;
}
#nav ul #qa a {
	background-image: url(comon_img/menu05.jpg);
	background-repeat: no-repeat;
}
#nav ul #locationfree a {
	background-image: url(comon_img/menu06.jpg);
	background-repeat: no-repeat;
}
#nav ul #home a:hover {
	background-image: url(comon_img/menu01h.jpg);
	background-repeat: no-repeat;
}
#nav ul #service a:hover {
	background-image: url(comon_img/menu02h.jpg);
	background-repeat: no-repeat;
}
#nav ul #flow a:hover {
	background-image: url(comon_img/menu04h.jpg);
	background-repeat: no-repeat;
}
#nav ul #price a:hover {
	background-image: url(comon_img/menu03h.jpg);
	background-repeat: no-repeat;
}
#nav ul #qa a:hover {
	background-image: url(comon_img/menu05h.jpg);
	background-repeat: no-repeat;
}
#nav ul #locationfree a:hover {
	background-image: url(comon_img/menu06h.jpg);
	background-repeat: no-repeat;
}




/* #content style
--------------------------------------------*/

#content #main_content h2 {
	clear: left;
}
#to tr td .left img {
	padding: 5px;
}
#to tr td p {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#home table {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 10px;
}
#home tr {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
#home td {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

/*#home td.none {
	border-right: none;
}
*/

#main_content #loca li {
	background-image: url(img/top13.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 25px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 10px;
}
#main_content #free {
	padding-top: 10px;
	padding-bottom: 20px;
}
#main_content #free li {
	list-style: none;
}

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

#footer .pack a {
	color: #FFF;
}

/* サービス page style
--------------------------------------------*/
#service #wrapper #main .page {
	background-image: url(comon_img/mainimg02.jpg);
	background-repeat: no-repeat;
}
#service #wrapper #main .page #content {
	margin-top: 100px;
}

#mai {
	float: left;
	width: 695px;
}
#side {
	float: right;
	width: 160px;
}

#mai .box1 {
	float: left;
	width: 340px;
	background-image: url(img/service4.jpg);
	text-indent: -9999px;
	height: 180px;
	background-repeat: no-repeat;
}
#mai .box2 {
	float: right;
	width: 340px;
	background-image: url(img/service5.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 180px;
	margin-bottom: 15px;
}
#service #mai table {
	margin-bottom: 5px;
	border-style: none;
	border-collapse:separate;
	margin-top: 15px;
}


/* Contact page style
--------------------------------------------*/
#contact #wrapper #main .page {
	background-image: url(comon_img/mainimg02.jpg);
	background-repeat: no-repeat;
}
#contact #wrapper #main .page #content {
	margin-top: 100px;
}


#contact table {
	margin-bottom: 20px;
}

#contact table th {
	background-color: #E4DBEC;
	text-align: left;
	padding: 5px;
	color: #552C96;
	vertical-align: top;
}
#contact table td {
	padding: 5px;
	border-bottom: 1px solid #E4DBEC;
}
#contact table td.none2 {
	border-bottom-style: none;
}


/* お支払い方法 page style
--------------------------------------------*/

#service #mai table th {
	background-color: #DFD2E8;
	text-align: right;
	width: 40%;
	padding: 5px;
}
#service #mai table td {
	padding-left: 5px;
}

#service tr,td {
	border-style: none;
}
#mai dl.line dt{
	font-size: 14px;
	border-bottom: 1px solid #7DBB3E;
	font-weight: bold;
	color: #7DBB3E;
	background-image: url(comon_img/yy006_36.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
#mai dl dt img {
	float: left;
}

#mai dl.line dd {
	margin-bottom: 15px;
	margin-top: 5px;
}
/* qa page style
--------------------------------------------*/
#qa #wrapper #main .page {
	background-image: url(comon_img/mainimg02.jpg);
	background-repeat: no-repeat;
}
#qa #wrapper #main .page #content {
	margin-top: 100px;
}

#qa #mai dl dt {
	font-weight: bold;
	background-image: url(img/qa01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	color: #693;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}
#qa #mai dl dd {
	background-image: url(img/qa03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.8;
}
#qa #mai dl dd ul li {
	list-style: none;
}
#qa #side h3 {
	color: #FFF;
	padding-left: 5px;
	background-color: #8353A6;
}
#qa #side ul {
	margin-top: 10px;
	margin-bottom: 15px;
}
#qa #side ul li {
	margin-bottom: 5px;
	list-style: none;
}
#qa #side ul li a {
	background-image: url(img/qa_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	display: block;
	width: 140px;
	color: #70478D;
}
#qa #side ul li a:hover {
	background-image: url(img/qa_list_h.gif);
	font-weight: bold;
	color: #693;
	text-decoration: none;
}


/* 特定商取引法page style
--------------------------------------------*/
#policy #wrapper #main .page {
	background-image: url(comon_img/mainimg02.jpg);
	background-repeat: no-repeat;
}
#policy #wrapper #main .page #content {
	margin-top: 100px;
}
#policy #mai table th {
	color: #552C96;
	background-color: #E4DBEC;
	text-align: right;
	padding: 5px;
	width: 140px;
}
#policy #mai table td {
	border-bottom: 1px solid #E4DBEC;
	padding: 5px 5px 5px 10px;
}

/* お申込からの流れpage style
--------------------------------------------*/
#flow #wrapper #main .page {
	background-image: url(comon_img/mainimg02.jpg);
	background-repeat: no-repeat;
}
#flow #wrapper #main .page #content {
	margin-top: 100px;
}
#flow #mai dl dt img{
	margin-bottom: 15px;
	margin-top: 10px;
}


#flow #mai dl dd {
	clear: both;
}
#flow #mai dl dd img {
	float: left;
	padding-right: 10px;
}
#flow #mai h4 {
	font-size: 14px;
	font-weight: bold;
	color: #693;
}
#flow #mai .tt {
	clear: left;
}