/*-----------------------------------------------------------------------------------------*/
/*  AllSite Base CSS                                                                       */
/*  Base CSS                                                                               */
/*  MainBlockStyle                                                                         */
/*  TopStyle                                                                               */
/*  ContentsStyle                                                                          */
/*  Sitemap                                                                                */
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/*  AllSite Base CSS                                                                       */
/*-----------------------------------------------------------------------------------------*/


body, td, th, div, p, a, pre {
	font-size: small !important;
	font-size: small;
	line-height: 1.2;
	}

select, input, textarea {
	font-size: 100%;
	}

body, td, th, div, p, a, pre,
select, input, textarea {
	font-family:
	Arial, Helvetica, sans-serif;
		'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
		'平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
		'ＭＳ Ｐゴシック', 'MS PGothic', 
		'ＭＳ ゴシック', 'MS Gothic',
		sans-serif;
	}

/* MacIE Only */
small {
	font-weight: normal;
	font-size: 9px;
	}
/* Css Hack Except MacIE5 \*/ 
small {
	font-size: 80%;
	}
/* Css Hack End */

h1,h2, h3, h4, h5, h6 {
	font-size:small;
	font-weight:bold;
	margin: 0;
	}


/*-----------------------------------------------------------------------------------------*/
/*  Base CSS                                                                               */
/*-----------------------------------------------------------------------------------------*/


body {
	margin:0;
	padding:0;
	color:#333333;
	}

a {
	text-decoration:none;
	}

a:hover{
	text-decoration : underline;
	}

a:visited {
	color:#0000cc;
	}

form {
	margin:0;
	padding:0;
	border:0;
	}

img {
	margin:0;
	padding:0;
	border:0;
	}

strong {
	font-weight:normal;
	}

.box {
	width:120px;
	}

.red {
	font-weight:bold;
	color:red;
	}

/*-----------------------------------------------------------------------------------------*/
/*  MainBlockStyle                                                                         */
/*-----------------------------------------------------------------------------------------*/


#container {
	margin:0;
	padding:12px 0 0 0;
	background:url(img/head_top.png) left top repeat-x;
	}

#header {
	background:url(img/head_title.png) left bottom repeat-x;
	margin:0;
	padding:0;
text-align:center;
	}

#header img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
	}

#logo {
	margin:0;
	padding:0;
	text-align:right;
	float:left;
	}

#menu {
	clear:both;
	padding:0;
	margin:0;
	background:url(img/menu_bg.png) repeat left bottom;
	white-space:nowrap;
	}

#menu p {
	margin:0;
	padding:3px 5px 3px 10px;
	font-size:12px;
	}

#menu a,#menu a:visited {
	color:#666666;
	}

#menu strong {
	font-weight:bold;
	}

#site_search {
	margin:0;
	padding:0;
	border-bottom:1px dashed #cccccc;
	text-align:right;
	vertical-align:middle;
	}

#site_search h1 {
	margin:0;
	padding:0;
	float:left;
	width:500px;
	text-align:left;
	}

#contents_footer {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	text-align:center;
	border-top:1px dashed #cccccc;
	white-space:nowrap;
	}

#contents_footer p {
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	border-top:1px dashed #cccccc;
	}

a.contents_foooter_a {
	margin:0 20px 0 0;
	}
img.contact_img {
	margin:0 50px 0 0;
	}

#footer {
	clear:both;
	color:#666666;
	padding:10px 0 20px 0;
	margin:0;
	text-align:center;
	border-top:1px dashed #CCCCCC;
	line-height:150%;
	background:url(img/head_top.png) left bottom repeat-x;
	white-space:nowrap;
	}

#footer a,#copylight a {
	color:#666666;
	}

#footer a:visited,#copylight a:visited {
	color:#666666;
	}

#footer img {
	vertical-align:middle;
	}

#copylight {
	color:#666666;
	padding:10px 0 10px 0;
	margin:0;
	text-align:center;
	white-space:nowrap;
	}


/*-----------------------------------------------------------------------------------------*/
/*  TopStyle                                                                               */
/*-----------------------------------------------------------------------------------------*/

.contents {
	width:751px;
	padding:0;
	margin:auto;
	}

.top {
	height:240px;
	width:751px;
	padding:0;
	margin:10px 0 10px 0;
	}
/*hack*/
.top:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac \*/
.top {
	height:1%;
	}
.top {
	display:block;
	}
.top {
	display:inline-table;
	}
/*End-hack*/
	
.top_img {
	width:200px;
	padding:0;
	margin:0;
	float:left;
	}
		
.top_img2 {
	width:400px;
	height:240px;
	padding:0;
	margin:0;
	background:url(img/top_image.jpg) left top no-repeat;
	float:left;
	font-weight:bold;
	}

.top_img2 h2 {
	padding:125px 10px 0 10px;
	margin:0;
text-align:right;
	}

.top_img2 h3 {
	padding:10px 10px 0 10px;
	margin:0;
text-align:right;

	}
	
.top_side {
	width:150px;
	height:240px;
	padding:0;
	margin:0;
	float:left;
	background:url(img/top_side.png) top left repeat;
	overflow:hidden;
	}

.top_side p {
	padding:10px 0 14px 8px;
	margin:0;
	line-height:120%;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	}

.top_side strong {
	font-weight:bold;
	}

.main {
	clear:both;
	width:auto;
	margin:0;
	padding:0;
	}
	
.main_left {
	width:200px;
	padding:0;
	margin:0;
	float:left;
	}

.main_left p {
	padding:10px 0 0 5px;
	margin:0;
	}

.main_left i {
	font-style:normal;
	font-weight:bold;
	}

.off {
	margin:5px 0 0 5px;
	background:#8080ff;
	}
.off td {
	background-color:#f4f4ff;
	}
	
.off font {
	color:#FF0000;
	}

p.top_monthly {
	padding:5px;
	margin:0 13px 0 5px;
	border:#8080C0 1px solid;
	}

.canpain {
	background-color:#f4f4ff;
	color:#333333;
	text-align:center;
	vertical-align:top;
	padding:8px 5px 0px 5px;
	}

.canpain font {
	color:#ff0000;
	}

.main_center {
	width:400px;
	padding:0;
	margin:0;
	float:left;
	}

.check {
	margin:0;
	padding:0 8px 15px 7px;
	}

.check h2 {
	background:url(img/checkpoint.jpg) left top no-repeat;
	padding:5px 0 5px 0;
	color:#666666;
	text-align:right;
	}

.check h3 {
	padding:5px 0 0 5px;
	margin:0;
	color:#666666;
	}

.check img {
	float:left;
	margin:0 5px 0 0;
	}

.check p {
	padding:0 3px 5px 1px;
	margin:0 5px 5px 4px;
	color:#666666;
	border-bottom:1px #cccccc dashed;
	}
/*hack*/
.check p:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac \*/
.check p {
	height:1%;
	}
.check p {
	display:block;
	}
.check p {
	display:inline-table;
	}
/*End-hack*/


.monthly {
	margin:0;
	padding:0 7px 15px 8px;
	}
/*hack*/
.monthly:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac \*/
.monthly {
	height:1%;
	}
.monthly {
	display:block;
	}
.monthly {
	display:inline-table;
	}
/*End-hack*/

.monthly h2 {
	background:url(img/top_buken.jpg) left top no-repeat;
	padding:5px 0 15px 0;
	color:#666666;
	text-align:right;
	}

.monthly img {
	float:left;
	margin:0 5px 0 5px;
	}

.monthly p {
	width:190px;
	margin:0 0 5px 0;
	padding:0;
	float:left;
	}
/*hack*/
.monthly p:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac \*/
.monthly p {
	height:1%;
	}
.monthly p {
	display:block;
	}
.monthly p {
	display:inline-table;
	}
/*End-hack*/


.side {
	padding:0;
	margin:0 0 0 1px;
	width:148px;
	float:left;
	border:1px #cccccc solid;
	}

.side h2 {
	background:url(img/side_h2.jpg) left top no-repeat;
	padding:5px 0 5px 5px;
	margin:0;
	text-align:center;
	}

p.mobile  {
	padding:5px 0 0 5px;
	margin:0 0 15px 0;
	text-align:center;
	}

.side p {
	padding:10px 0 0 0;
	margin:0 0 15px 0;
	text-align:center;
	}

.side li {
	padding:0;
	margin:0;
	}

.side ul {
	padding:5px 5px 0 5px;
	margin:0 0 15px 0;
	list-style-type:circle;
	list-style-position:inside;
	}

.link {
	width:auto;
	background-color:#efefef;
	text-align:center;
	vertical-align:top;
	}


/*-----------------------------------------------------------------------------------------*/
/*  ContentsStyle                                                                          */
/*-----------------------------------------------------------------------------------------*/

.pan_navi {
	padding:3px 0 3px 10px;
	margin:10px 0 15px 0;
	border-bottom:#cccccc dashed 1px;
	border-top:#cccccc dashed 1px;
	white-space:nowrap;
	}

.content_main {
	padding:0 20px 0 20px;
	margin:auto;
	width:750px;
	}

.mrB {
	padding:0;
	margin:auto;
	width:800px;
	}

.content {
	padding:0 20px 0 20px;
	margin:auto;
	text-align:left;
	width:700px;
	}

.content_main2 {
	padding:0 20px 0 20px;
	margin:auto;
	text-align:center;
	width:750px;
	}

.content_photo {
	padding:0;
	margin:auto;
	text-align:center;
	width:750px;
	}

.content_main h1,.content_main2 h1,.mrB h1,.link h1,.content_photo h1 {
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
	text-align:center;
	background:url(img/h1.jpg) bottom left no-repeat;
	color:#333333;
	font-size:medium;
	}

.mrB p,.content_photo p {
	padding:5px 5px 5px 10px;
	margin:0 5px 20px 5px;
	text-align:left;
	line-height:120%;
	width:700px;
	}

.content_main2 p,.content_main p {
	padding:5px 5px 5px 10px;
	margin:0 5px 20px 5px;
	text-align:left;
	line-height:120%;
	border:1px #cccccc solid;
	width:700px;
	}

.intro {
	text-align:left;
	line-height:120%;
	}

table.monthly_contents {
	text-align:left;
	}

.monthly_contents h3 {
	padding:2px 0 2px 10px;
	margin:3px;
	background:#ffdcff;
	}

.monthly_contents p {
	padding:0 0 0 10px;
	margin:3px;
	}

table.monthly_detail {
	text-align:left;
	}

p.content_toiawase {
	padding:5px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #ccccccc;
	border-top:1px dashed #ccccccc;
	}

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

.toiawase_top i {
	color:#FF3366;
	font-weight:bold;
	font-style:normal;
	}

.toiawase_list {
	color:#FFFFFF;
	padding:5px;
	margin:0;
	text-align:left;
	}

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

.link {
	padding:0;
	margin:auto;
	text-align:center;
	width:750px;
	background:none;
	}

.link h2 {
	padding:5px;
	margin:0;
	border:1px #8080FF solid;
	color:#FFFFFF;
	background-color:#6666FF;
	text-align:left;
	}

.link h3 {
	padding:5px;
	margin:0;
	border-left:1px #8080FF solid;
	border-right:1px #8080FF solid;
	background-color:#E8E8FF;
	text-align:left;
	}

.link h4 {
	padding:0 0 0 5px;
	margin:0;
	text-align:left;
	}

.link p {
	padding:5px;
	margin:0 0 20px 0;
	text-align:left;
	line-height:120%;
	}

p.link_list {
	padding:5px;
	margin:0;
	text-align:left;
	line-height:120%;
	border:1px #8080FF solid;
	}




.monthly_fee {
width:200px;
padding:0;
margin:15px;
float:left;
border:1px #CCC solid;
}

.monthly_fee h2 {
padding:3px 0;
margin:0;
background:#A6A6D2;
color:#FFFFFF;
}

.monthly_fee dl {
padding:0;
margin:0;
}

.monthly_fee dt {
width:90px;
padding:3px 0 0 5px;
margin:0;
float:left;
text-align:left;
background:#E1E1F0;
}

.monthly_fee dd {
width:90px;
padding:3px 0 0 0;
margin:0;
float:left;
text-align:right;
}


#sp_link {
width:auto;
font-size:24px;
padding:10px;
background-color:#F5F5F5;
}

#txt_top, #menu, #sp_link, .pan_navi {
text-align:center;
}
#txt_top p {
width:750px;
margin:0;
padding:0;
text-align:left;
}

#header h1, #header p, #menu p, .pan_navi p {
width:750px;
margin:0;
padding:0;
text-align:left;
}

#menu p {
padding-left:10px;
}