@charset "utf-8";
/* CSS Document */

*{ margin:0;
padding:0;
border:0;
text-decoration:none;
font-size:100%;
font-style:normal;
font-weight:normal;
list-style-type:none;
color:#330000;
}

a{text-decoration:underline;
color:#CC0000;
}

p{line-height:130%;
font-size:90%;
}

.strong{color:#FF6600;
}

img{border:none;
}

body{ font-family: "メイリオ";
background-image:url(../images/back_blue.gif);
background-position:center;
background-position:top;
padding:0px 0px 20px 0px;
}

.float_left{
float:left;
display:inline;
}

.float_right{
float:right;
display:inline;
}

/*回り込み解除*/
div.c-both { clear:both;
height:0px;
}


/*テンプレ*/
.header{ width:100%;
background-image:url(../images/back_top.gif);
background-position:center;
background-position:top;
overflow:hidden;
}

.area_header{width:950px;
margin:0 auto;
}

.area_black{width:100%;
background-color:#000000;
padding:15px 0px 15px 0px;
text-align:center;
}

.area_main{width:930px;
background-color:#FFFFFF;
border:solid #000000 2px;
margin:0 auto;
padding:10px 10px 10px 10px;
}

.area_left{float:left;
display:inline;
width:710px;
margin:0px 0px 0px 10px;
}

.area_right{float:right;
display:inline;
width:200px;
}

.area_title{width:655px;
background-image:url(../images/title.gif);
background-repeat:no-repeat;
height:51px;
margin:5px 0px 10px 0px;
padding:9px 0px 0px 45px;
}

.text_title{color:#FFFFFF;
font-size:130%;
font-weight:700;
}

.footer{width:924px;
background-color: #000000;
margin:0 auto;
padding:10px 10px 10px 20px;
color:#FFFFFF;
}

/*ヘッダー*/
.logo_deteql{margin:42px 0px 5px 5px;
}

/*トップページ*/
.comic_left{float:left;
display:inline;
margin:10px 17px 30px 0px;
}

.comic_right{float:left;
display:inline;
margin:10px 0px 30px 0px;
}

.text_top{margin:0px 0px 10px 0px;
width:690px;
}

.float_top_left{float:left;
display:inline;
width:420px;
margin:0px 10px 0px 0px;
}

.float_top_right{float:left;
display:inline;
width:260px;
}

.list_open{margin:20px 0px 20px 0px;
font-size:90%;
}

.float_open_left{float:left;
display:inline;
width:120px;
text-align:right;
margin:5px 0px 5px 0px;
}

.float_open_right{float:left;
display:inline;
width:400px;
text-align:left;
margin:5px 0px 5px 5px;
}

.table_spec{width:690px;
font-size:90%;
line-height:130%;
margin:0px 0px 10px 0px;
}

.table_spec_left{width:300px;
text-align:center;
background-color: #333333;
color:#FFFFFF;
padding:7px 0px;
}

.table_spec_right{width:380px;
text-align:center;
background-color: #D5D5D5;
padding:7px 0px;
}

.link_top{text-decoration:none;
}

.link_back{text-align:right;
width:690px;
font-size:90%;
margin:10px 10px 50px 0px;
}

.text_left{text-align:left;
width:680px;
}

/*特定商取引*/

.table_deal_left{width:330px;
text-align:right;
background-color: #333333;
color:#FFFFFF;
padding:7px;
}

.table_deal_right{width:330px;
text-align:left;
background-color: #D5D5D5;
padding:7px;
}

/*よくある質問*/
.float_q{float:left;
display:inline;
margin:14px 0px 0px 0px;
width:660px;
font-size:90%;
line-height:130%;
}

.img_q{float:left;
display:inline;
margin:10px 0px 0px 0px;
width:35px;
}

.float_a{float:left;
display:inline;
margin:14px 0px 30px 0px;
width:660px;
font-size:90%;
line-height:130%;
}

.img_a{float:left;
display:inline;
margin:10px 0px 30px 0px;
width:35px;
}

/*導入手順*/
.area_flow{width:670px;
border: #CCCCCC solid 2px;
padding:10px;
margin:30px 0px 0px 0px;
text-align:center;
}

/*導入実績*/
.title_result{width:690px;
border:#CC0000 solid;
border-width:0px 0px 2px 0px;
color:#CC0000;
margin:30px 0px 10px 0px;
padding:0px 0px 2px 5px;
}

.img_result{
margin:0px 20px 20px 0px;
}

/*お知らせ*/
.date{color:#FF6600;
margin:0px 0px 0px 10px;
}

.topics{ margin:5px 0px 20px 10px;
}

/*フッター*/

.img_form{margin:30px 0px 30px 0px;
}

.rights{color:#FFFFFF;
margin:5px 0px 0px 0px;
}

.link_menu{color:#FFFFFF;
margin:5px 0px 0px 20px;
line-height:130%;
font-size:90%;
text-decoration:underline;
}

/*オーバーレイ*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}