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

/*==================================================

Style_Reset&Setting

==================================================*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.0;
	font-size:100%;
	background: #FFF url(images/bg.jpg) ;
}

p,ul,ol,li,form,dl,dt,dd {
	margin: 0;
	padding: 0;
}

p {
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 1.7em;
	color: #333;
}

ul,ol {	margin-bottom: 1.5em;}
li {	font-size: 1.29em;	line-height: 1.8em;	font-weight: bold;}
ol,ul,li{	list-style: none;}
a {	color: #0033cc;	text-decoration: underline;}
a:hover {	color: #C00;	text-decoration: underline;}
address {	font-style: normal;}
hr { color:#CCC; }
img {	border: none;	vertical-align: bottom;}


/*==================================================

LayOut

==================================================*/

.header {
	margin: 0 auto;
	width: 931px;
}

#caution {
	margin: 0 auto;
	width: 1095px;
}


#wrapper {
	margin: 0 auto;
	width: 860px;
	margin:0 auto !important;
	background:#FFF url(images/bg_wrapper.jpg) repeat-y center ;
}

#wrapper a:hover img {
	opacity:0.3;
}

#wrapper .move{
	margin: 450px 0px 0px 30px;
	padding: 0px 0px 0px;
	position: absolute;
}

#contents {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 760px;
}

#contents .move{
	margin: 55px 0px 0px 633px;
	padding: 0px 0px 0px;
	position: absolute;
	width: 300px;
	z-index:3;
}


#contents .inner {
	padding: 0 60px;
	width: 640px;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■　お客様の声　　　■■■■■■■■■*/

#count {
	background: #C00;
	margin: 0 auto;
}


/*==================================================
　　　　#ヘッダー
==================================================*/

#header {
	width: 100%;
	text-align: center;
	background: url(images/header_bg3.png) repeat-x center top;
	height:307px;
}



/*==================================================
　　　　#フッター
==================================================*/

#footer {
	width:100%;
	height:80px;
	color: #777;
	font-size:12px;
	line-height:16px;
	margin:20px 0 0 0;
	padding:0;
    background-color: #EEEEEE;
    border-top: 1px solid #CCC;
	border-bottom: 2px solid #666;
	bottom:0;
	overflow:hidden;
}

#footer-inner {
	width:820px;
	margin:0 auto;
	padding:0;
}

#footer-address {
	margin:10px 0 0 0px;
	padding:0;
	display:inline;
	float:left;
}
.footer-font {
	font-size:14px!important;
	font-weight:bold;
	line-height:28px;
}

#footer-rightbox {
	width:240px;
	margin:0;
	padding:0;
	display:inline;
	float:right;
	overflow:hidden;
}

#footer-company {
	width:240px;
	margin:0px 0 5px 0;
	padding:0;
	display:block;
	overflow:hidden;
}

#footer-company #footer-company2 {
	margin:18px 0 0 0;
	padding:0;
	float:right;
}

#footer-copyright {
	width:240px;
	margin:0;
	padding:0;
	display:block;
	float:right;
}


/*==================================================
　　　　#見出し
==================================================*/

h3 {
	background-color:#900;
	color:#FFF;
	font-size:22px;
	padding:10px;
}



/*==================================================
         カウンター
==================================================*/


div.count {
	background:url(images/count002.png) no-repeat ;
	padding: 72px 0 0 45px;
	height:105px;
}



/*==================================================
         テーブルデザイン
==================================================*/



/* 　テーブル
───────────────────────── */
.table {
	width: 640px;
	margin:20px auto;
}
.table th {
	background-color:#000;
	color:#FFF;
}
.th {
	padding: 3px 10px;
	text-align:left;
	border: #999 solid 1px;
	color:#FFF;
}
.ths {
	width: 120px;
	text-align:left;
	padding: 3px 10px;
	color:#FFF;
	background-color: #6C0000;
	border: #CCC solid 1px;
}
.thss {
	width: 210px;
	text-align:left;
	padding: 3px 10px;
	color:#FFF;
	background-color: #6C0000;
	border: #CCC solid 1px;
}
.td {
	padding: 10px;
	text-align:left;
	color:#000;
	font-size:100%;
	background-color: #FFF;
	border: #CCC solid 1px;
}
.table a {	color: #06F;	text-decoration: underline;}
.table a:hover {	color: #C00;	text-decoration: underline;}

.bgcolor {
	background-color: #C90;
}


/*================================================
         ダウンロードテーブル
================================================*/

table.dl{
	color: #333;
	padding: 10px 20px;
	background-color:#FFF;
	border: 10px solid #CCC;
	text-align:left;
	margin:10px auto;
	width:640px;
}
.dl td{
	padding: 10px 0px 10px 10px;
	border-bottom: thin dashed #CCC;
}
.dl th{
	padding: 15px 0 10px 0;
	text-align:center;
}

.dl_botan1 a{
	display:block;
	background: url(../images/dl_botan.jpg) no-repeat;
	width:148px;
	height:30px;
	margin:0;
}
.dl_botan1 a:hover{
	display:block;
    background-position:0 -30px;
}



table.mp4{
	color: #333;
	padding: 10px 20px;
	background-color:#FFF;
	border: 10px solid #033;
	text-align:left;
	margin:10px auto;
	width:640px;
}
.mp4 td{
	padding: 10px 0px 10px 10px;
	border-bottom: thin dashed #CCC;
}
.mp4 th{
	padding: 15px 0 10px 0;
	text-align:center;
}

.mp4_botan1 a{
	display:block;
	background: url(../images/dl_botan.jpg) no-repeat;
	width:148px;
	height:30px;
	margin:0;
}
.mp4_botan1 a:hover{
	display:block;
    background-position:0 -30px;
}


table.present{
	color: #333;
	padding: 10px 20px;
	background-color:#FFF;
	border: 10px solid #D0B01C;
	text-align:left;
	margin:10px auto;
	width:640px;
}
.present td{
	padding: 10px 0px 10px 10px;
	border-bottom: thin dashed #CCC;
}
.present th{
	padding: 15px 0 10px 0;
	text-align:center;
}


div.red-box {
	border:3px solid #F00;
	background-color:#FFF;
	padding:10px 0 0 0;
	width:630px;
	margin: 0 auto;
}




/*　申込装飾
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.moushikom {
	background: url(images/frombg.png) no-repeat ;
	padding: 70px 0 20px 0;
}




/*　申込ボタン
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.buy1 a{
	display:block;
	background: url(images/botan1.png) no-repeat;
	width:500px;
	height:95px;
	margin:0px auto 0px;
}
.buy1 a:hover{
	display:block;
    background-position:0 -95px;
}

.buy2 a{
	display:block;
	background: url(images/botan2.png) no-repeat;
	width:500px;
	height:95px;
	margin:0px auto 0px;
}
.buy2 a:hover{
	display:block;
    background-position:0 -95px;
}

.buy3 a{
	display:block;
	background: url(images/botan3.png) no-repeat;
	width:500px;
	height:95px;
	margin:0px auto 0px;
}
.buy3 a:hover{
	display:block;
    background-position:0 -95px;
}





#privcy {
	width:600px;
	margin:50px auto;
}
#privcy p {
	font-size:13px;
	line-height:170%;
	text-align:left;
	margin:0 0 1em 0;
}
#privcy h1 {
	font-size:22px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 30px 0;
	padding:0 0 5px;
	color: #000;
	border-bottom:#cccccc solid 2px;
}
#privcy table {
	width:600px;
	margin:10px 0 20px 0;
}
#privcy th {
	font-size:13px;
	font-weight:bold;
	line-height:170%;
	text-align:left;
	white-space: nowrap;
	padding:12px 15px;
	border-top:#cccccc solid 1px;
}
#privcy td {
	font-size:13px;
	line-height:170%;
	text-align:left;
	padding:12px 15px;
	border-top:#cccccc solid 1px;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■　操作マニュアル　■■■■■■■■■*/

#mail-list { margin:0; }

#mail-list ul {
	margin: 0px 10px 0px 0px; 
	}

#mail-list li {
	    background: url(images/mail-list.jpg) no-repeat scroll 5px 6px transparent;
    border-bottom: 1px dashed #E1E1E1;
    margin: 0 5px 5px 0;
    padding: 6px 0 6px 50px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■　お客様の声　　　■■■■■■■■■*/


.voice {
	border:1px solid #CCC;
	padding:20px 20px 0 20px; 
	margin-bottom:20px;
}

.voice p {
	font-size:14px;
	margin-bottom:15px;
}


/*==================================================
　　　　#特典
==================================================*/

.tokuten {
	border:3px solid #000;
	width:640px;
}
.tokuten p {
	margin: 20px 15px 0px ;
}



/* ■■■■■■■■■■■■■■■■■■■ */
/* ■■■　キャンセル待ち　　　　■■■■ */

table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #be1309 4px solid;
}
th {
	border-bottom: #e1e1e1 1px dotted;
	text-align: left;
	padding: 5px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 5px;
}
tr:hover {
    background: #093;
    color: #FFFFFF;
}


input[type="text"],textarea {
	font-size:16px;
	padding:3px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



/*　特殊フォント
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.red { color: #C00 !important; }

.red2 {
	color: #C00;
	font-weight: bold;
	text-decoration: underline;
	background-color: #FFFF00;
}

.red3 {
	color: #C00;
	font-weight: bold;
}
.red4 {
	color: #C00;
	font-weight: bold;
	text-decoration:underline;
}
.red5 {
	font-size:36px!important;
	color: #C00;
	font-weight: bold;
}
.red6 {
	color: #C00;
	font-size:20px;
	font-weight: bold;
	line-height:60px;
}
.red7 {
	color: #C00;
	font-size:12px;
}
.b {
	color: #000 !important;
	font-size:14px!important;
}

.b2 {
	color: #000 !important;
	font: bold!important;
	font-weight:bold!important;
}
.b3 {
	color: #000 !important;
	font: bold!important;
	font-weight:bold!important;
	background-color: #FFFF00;
}
.b4 {
	color: #000 !important;
	font: bold!important;
	font-weight:bold!important;
	font-size:20px!important;
}
.b5 {
	color: #000 !important;
	font-weight:bold !important;
	text-decoration:underline;
}
.bule {
	color: #09F !important;
	font: bold!important;
	font-weight:bold!important;
}
.orenge1 {
	color:#F60!important; 
	font: bold!important;
	font-weight:bold!important;
}
.orenge2 {
	color:#F60!important; 
	font: bold!important;
	font-weight:bold!important;
	text-decoration: underline!important;
}


/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/

.ta-c{ text-align: center; }	/*中央寄せ*/
.ta-r{ text-align: right; }		/*右寄せ*/
.ta-l{ text-align: left; }		/*左寄せ*/


/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/

.f-r{ float:right; }		/*右寄せ*/
.f-l{ float:left; }		/*左寄せ*/


/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/

.va-t{ vertical-align: top; }	/*上寄せ*/
.va-m{ vertical-align: middle; }/*中央寄せ*/
.va-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/

.mb0 { margin-bottom: 0px !important;}
.mb3 { margin-bottom: 3px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb50 { margin-bottom: 50px !important;}

.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}

.ml70 {	margin: 0 0 0 70px !important; }

.pt { padding-top: 0px; !important; }

.font85 { font-size:85%; }
.font90 { font-size:90%; }
.font95 { font-size:98%; }