@charset "utf-8";

/* page type 
-------------------------------------------------- */
html {
	margin: 0px;
	padding: 0px;
	font-family: "小塚ゴシック Pro R", Meiryo , ＭＳ Ｐゴシック, Osaka;
	font-size: 1em;
	width: 100%;
	height: 100%;
	background-image: url(../images/html_bg.jpg) ;
}
body {
	text-align: center;
	height: 100%;
	margin: 0px;
}
img {
	border: 0px;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,th,td,address{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-style: normal;
	font-family: "メイリオ";
	margin-top: 0px;
}
h2 {margin: 1em 0;}
h2.head {margin-top: 0;}
em{
	font-style:normal;
	color:#FF0066;
	font-weight:normal;
}
u{
	background-color:#FF99FF;
	font-weight: bold;
}

span.f01{
	font-size:14pt;
	font-weight: bold;
}
span.f02{
	font-size:12pt;
}
a:link    {color: #006cb8;}
a:visited {color: #006cb8;}
a:hover   {color: #171c61;}
a:active  {color: #006cb8;}

/* wrappar
-------------------------------------------------- */
#wrappar {
	height: 100%;
	width: 100%;
	margin: 0px;
	text-align: center;
	padding: 0px;
/*	overflow: hidden;*/
}

/* #header
-------------------------------------------------- */
#header {
	background-image: url(../images/header_bar.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* #main_bg
-------------------------------------------------- */
#main_bg {
	width: 100%;
	background: url(../images/main_bg.jpg) repeat-x center top scroll;
}

/* #main
-------------------------------------------------- */
#main {
	width: 800px;
	background: url(../images/main_sidebg.gif) repeat-y top left;
	background-color:#ffffff;
	text-align: left;
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	margin: 0 auto 0;
}

div.maintext{
	width:720px;
	margin-left:80px;
}
table.phoenix{
	
}
.imgPhoenix{
	padding:3px;
	border:solid 1px #666666;
	width:256px;
}
.text{
	width:500px;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:10px;
}
.support{
	float:left;
}
.daller{
	float:left;
}

/* #main >> #chance
-------------------------------------------------- */
div.bg_chance{background-image: url(../images/h3_bg_chance.jpg);}
div.fwrap{
	width:700px;
	margin-left:20px;
	margin-top:2em;
	clear:both;
}
div.fleft{
	float:left;
	width:431px;
	margin-right:10px;
	_margin-right:0px;
}
div.fright{
	float:right;
	width:259px;
	margin-bottom:2em;
}
ul.chance li{
	margin-bottom:1em;
	height:36px;
	font-size:1em;
	padding-left:48px;
	list-style-type:none;
	font-weight:bold;
	line-height:120%;
}
ul.chance li.face01{
	background:transparent url(../images/face_01.gif) no-repeat left center scroll;
	padding-top:18px;
}
ul.chance li.face02{
　　background:transparent url(../images/face_02.gif) no-repeat left center scroll;
}

/* #main >> #voice
-------------------------------------------------- */
div.bg_joy{
	background-image: url(../images/h3_bg_joy.jpg);
}
ul.voice li{
	height:83px;
	width:630px;
	margin-left:32px;
	font-size:1em;
	list-style-type:none;
	margin-bottom:0.5em;
	font-weight:bold;
}
ul.voice li.voice01{background:transparent url(../images/joy_voice_01.jpg) no-repeat left center scroll;}
ul.voice li.voice02{background:transparent url(../images/joy_voice_02.jpg) no-repeat left center scroll;}
ul.voice li.voice03{
	background:transparent url(../images/joy_voice_03.jpg) no-repeat left center scroll;
}
ul.voice li.voice04{background:transparent url(../images/joy_voice_04.jpg) no-repeat left center scroll;}
ul.voice li.voice05{background:transparent url(../images/joy_voice_05.jpg) no-repeat left center scroll;}
ul.voice li.voice06{
	background:transparent url(../images/joy_voice_06.jpg) no-repeat left center scroll;
}
ul.voice li.voice07{background:transparent url(../images/joy_voice_07.jpg) no-repeat left center scroll;}
ul.voice li.voice08{background:transparent url(../images/joy_voice_08.jpg) no-repeat left center scroll;}
ul.voice li.voice09{background:transparent url(../images/joy_voice_09.jpg) no-repeat left center scroll;}
ul.voice li.voice10{background:transparent url(../images/joy_voice_10.jpg) no-repeat left center scroll;}
ul.voice li.voice11{background:transparent url(../images/joy_voice_11.jpg) no-repeat left center scroll;}
ul.voice li.voice12{background:transparent url(../images/joy_voice_12.jpg) no-repeat left center scroll;}
ul.voice li.voice13{background:transparent url(../images/joy_voice_13.jpg) no-repeat left center scroll;}
ul.voice li p{
	width:500px;
	padding-top:38px;
	margin-left:108px;
	line-height:130%;
}

/* #main >> #flow
-------------------------------------------------- */
ul.flow li{
	width:600px;
	height:60px;
	font-size:1em;
	_font-size:0.8em;
	padding-top:20px;
	_padding-top:10px;
	padding-left:70px;
	list-style-type:none;
	text-decoration: underline;
	font-weight:bold;
}
ul.flow li.flow01{background:transparent url(../images/flow_01.jpg) no-repeat left center scroll;}
ul.flow li.flow02{background:transparent url(../images/flow_02.jpg) no-repeat left center scroll;}
ul.flow li.flow03{background:transparent url(../images/flow_03.jpg) no-repeat left center scroll;}
ul.flow li.flow04{background:transparent url(../images/flow_04.jpg) no-repeat left center scroll;}
div.flow_keyword{
	margin:1em auto;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
}
div.flow_keyword p{
	width:400px;
	margin:1em auto;
	text-align:left;
	color:#ff0000;
	font-weight:bold;
	font-size: 14px;
}
/* ↓↓↓仮）申し込みフォーム用フォント（フォームを作成後、削除可）↓↓↓ */
div.flow_form{
	margin:1em auto;
	color: #000000;
	font-size:12px;
	font-weight:normal;
}
/* ↑↑↑仮）申し込みフォーム用フォント（フォームを作成後、削除可）↑↑↑ */

div.contact3_form{
	margin:5px 20px 1em 0px;
	color: #000000;
	font-size:16px;
	font-weight:normal;
	text-align: center;
	font-family: "メイリオ";
	line-height: 180%;
	padding-left: 30px;
	padding-right: 30px;
}
div.contact2_form{
	margin:5px 20px 1em 0px;
	color: #000000;
	font-size:18px;
	font-weight:normal;
	text-align: center;
	font-family: "メイリオ";
}
div.contct1_form{
	color: #FF0099;
	font-size:24px;
	font-weight:normal;
	text-align: center;
	padding-right: 20px;
	padding-top: 10px;
}

/* #main >> #faq
-------------------------------------------------- */
div.qa{
	margin-top:1em;
	margin-bottom:1em;
	margin-left: 28px;
}
div.q{
	height:83px;
	color:#ffffff;
	font-weight:bold;
	background:transparent url(../images/faq_q_middle.jpg) no-repeat left top scroll;
}
div.q p{
	padding-top:2em;
	font-size:14px;
	width:520px;
	padding-left:90px;
	line-height: 140%;
	font-weight: bold;
}
div.a{
	color:#000000;
	font-weight:normal;
	background:transparent url(../images/faq_a_middle.jpg) repeat-y left center scroll;
}
div.a p{
	width:565px;
	padding-top:1em;
	padding-bottom:1em;
	font-size:0.8em;
	margin-left:50px;
	line-height: 180%;
}
#contact{
	/*
	width:550px;
	margin:1em auto;
*/
	text-align:left;
	margin-left: 40px;
	font-family: "メイリオ";
}
#contact p{
	text-align:left;
}
#contact img{
	vertical-align:middle;
	margin-right:0.5em;
}
#link_sub{
	margin:1em 0;
}
#link_sub p{
	text-align:center;
	color:#006cb8;
	font-weight:normal;
}

/* #main >> #footer(link,copy,address)
-------------------------------------------------- */
#footer{
	margin:1em 0 0;
}
#link{
	height:62px;
	text-align:center;
	background:transparent url(../images/h2_footer_top.jpg) no-repeat left center scroll;
	margin-bottom: 0px;
}
#link p{
	padding-top:25px;
	color:#006cb8;
	font-weight:normal;
}
#copy{
	height:68px;
	padding-bottom:0;
	text-align:center;
	vertical-align:middle;
	background:transparent url(../images/h2_footer_bottom.jpg) no-repeat left center scroll;
}
#copy p{
	padding-top:30px;
	color:#ffffff;
	font-size:12pt;
	font-weight:normal;
}
#address{
	margin-bottom:1em;
	color:#171c61;
	font-weight:normal;
	line-height:130%;
	width:720px;
	margin-left:80px;
	font-family: "メイリオ";
	margin-top: 1em;
}

/* #main >> #trial
-------------------------------------------------- */
#trial{
	background-color:#ffffff;
	margin-top:1em;
	margin-bottom:1em;
}
#trialframe{
	margin-left:90px;
	background-image: url(../images/trial_bg_side.gif);
	background-repeat: repeat-y;
}
div.trialtext{
	width:587px;
	margin:1em 0em 1em 43px;
	font-family: "メイリオ";
}
div.trialtext p{
	margin-top:1em;
	margin-bottom:1em;
	font-size: 14px;
	line-height:200%;
	font-weight:normal;
}

/* #main >> #support
-------------------------------------------------- */
#support{
	margin-top:1em;
	margin-bottom:1em;
	background-image: url(../images/support_bg_side.jpg);
	background-repeat: repeat-y;
}
div.support_bg{
	background:transparent url(../images/support_bg_pc.jpg) no-repeat center center scroll;
}
div.supporttext{
	width:630px;
	margin:1em 0em 1em 26px;
	font-family: Meiryo, ＭＳ ゴシック,  Osaka;
}
div.supporttext h3{
	margin-bottom:1em;
}
div.supporttext p{
	font-decoration: none;
}
#support ul li{
	margin-top:2em;
	margin-bottom:1em;
	font-size: 12pt;
	padding-left:80px;
	list-style-type:none;
	font-weight:bold;
	line-height:180%;
	background:transparent url(../images/support_pc.gif) no-repeat left center scroll;
	padding-top: 7px;
	padding-bottom: 7px;
}
#support ul li span.note{
	font-size: 9pt;
	line-height:150%;
}

/* Clearfix　divタグに背景を表示
-------------------------------------------------- */
div:after,
div#wrapper:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 1px;
	visibility: hidden;
	font-size: 1px;
	zoom: 1;
}
.pagetop {
	text-align: right;
	font-weight:bold;
	margin:1em 1em 1em 0;
}

/*オーダー
-------------------------------------------------- */

#order {
}
#order input {
font-size: 16px;
}
#order table {
border-collapse: collapse;
font-size: 16px;
border: #cccccc 1px solid;
padding-left:0;
}
#order th {
text-align: left;
font-weight: normal;
white-space: nowrap;
border: #cccccc 1px solid;
background-color: #eeeeee;
padding: 8px 8px;
}
#order td {
border: #cccccc 1px solid;
padding: 8px 8px;
}
.td_credit {
text-align: center;
width: 50px;
}
.td_title {
	font-family: "メイリオ";
	font-size: 17px;
	text-align: center;
	color: #336699;
	font-weight: bold;
}
.rb_width {
width: 30px;
height: 20px;
}
.fc_orange {
color: orange;
font-weight: bold;
}
#price {
	padding-left:20px;
	font-weight: bold;
}



/* 2009/10/27 オーダーフォーム用
-------------------------------------------------- */
.error_border {
border: 2px solid #FF3300;
color: #FF3300;
}
.no_border {
}
.input_readonly {
	color: #666666;
}
#site_add1 {
	display: none;
}
#site_add2 {
	display: none;
}
#site_add3 {
	display: none;
}
#site_add4 {
	display: none;
}
#site_add5 {
	display: none;
}
#display_on {
}
#display_off {
	display: none;
}