@charset "UTF-8";

* {
	margin:0;
	padding:0;
}
body {
	background:url(../img/bg_contents.png) repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#42392D;
	letter-spacing:0.1em;
}
a:link,
a:visited {
	color:#42A7A4;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#F88D10;
}
a img {
	border:none;
}


strong {
	color: #4169E1;
}


#wrap {
	width:920px;
	margin:0 auto;
	text-align: left;
}



#logo {
	position:absolute;
	top:15px; 
}

#header .copy {
	position:absolute;
	top:73px;  /*right:0;*/
	line-height:1.5em;
	color:#5B8ECB;
	text-align:right;
	font-size:12.5px;
}

#header address {
    position: absolute;
    top: 30px;
	margin-left:740px;
    background: #FFF;
    font-weight: bold;
    font-style: normal;
    color: #FF69B4;
    border: 1px solid #CCC;
    padding: 6px 10px;
    border-radius: 3px;
}
#header address p {
	display: inline-block;
	margin: 0;
}

/* ピンク色
#header address a {
    display: block;
    width: 160px;
    height: 40px;
    background: #FF7FBF;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    border-radius: 3px;
    color: #FFF;
}
#header address a:hover {
    background: #FF69B4;
}*/

#header address a {
    display: block;
    width: 160px;
    height: 40px;
    background: #87CEFA;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    border-radius: 3px;
    color: #FFF;
}
#header address a:hover {
    background: #00BFFF;
}

ul#navi {
	position:absolute;
	top:107px; /*right:0;*/
	width:920px;
	height:59px;
	list-style-type:none;
	text-align:center;
}
ul#navi li {
	width:184px;
	height:59px;
	float:left;
}
ul#navi li a {
	display:block;
	width:184px;
	height:49px;
	padding-top:10px;
	line-height:1.5em;
	background:url(../img/navi.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
ul#navi li a span {
	line-height:1.5em;
	font-size:10px;
	color:#B2D8FF;
}
ul#navi li a:hover,
#contents_01 #navi_01 a,
#contents_02 #navi_02 a,
#contents_03 #navi_03 a,
#contents_04 #navi_04 a,
#contents_05 #navi_05 a {
	background-position:0 -59px;
}


.main_area {
	width:920px;
	position:absolute;
	top:180px;
}


.main_text {
	font-size:13.5px;
	line-height:1.6em;
}


#simple_plan {
	width:330px;
	margin-top:15px;
	margin-bottom: 30px;
	list-style-type:none;
	float:left;
	border: 1px solid #B0C4DE;  
}

#simple_plan_1{
	width:300px;
    margin-left:15px;
}

#simple_plan h2 {
	width:330px;
	height:26px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_s.png) no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
}

#simple_plan h3 {
	margin-top:8px;
	padding-bottom:2px;
	line-height:1.5em;
	font-size:13px;
	font-weight:bold;
	color: #4169E1;
}

#simple_plan p {
	width:300px;
	font-size:12px;
	line-height:1.5em;
	line-height:1.3em;
}


#total_plan {
	width:550px;
	margin-top:15px;
	margin-bottom: 30px;
	list-style-type:none;
	float:right;
	border: 1px solid #B0C4DE;  

}

#total_plan_1{
	width:520px;
    margin-left:15px;
}

#total_plan h2 {
	width:550px;
	height:26px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_l.png) no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
}

#total_plan h3 {
	margin-top:8px;
	padding-bottom:2px;
	line-height:1.5em;
	font-size:13px;
	font-weight:bold;
	color: #4169E1;
}

#total_plan p {
	width:520px;
	font-size:12px;
	line-height:1.5em;
	line-height:1.3em;
}


/* ***************************************************************** */
/* milioneの特徴 */




.advantage_text_left {
	width:620px;
	font-size:13.5px;
	line-height:1.6em;
	float:left;
}
.advantage_photo_right {
	position:relative;
	width:280px;
	margin-right:0px;
	margin-bottom: 20px;
	float:right;
}

.advantage h2 {
	width:920px;
	height:26px;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_920.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color: #0033CC;
	clear: both;
}

.advantage h3 {
	margin-top:8px;
	padding-bottom:2px;
	line-height:1.5em;
	font-size:13px;
	font-weight:bold;
	color: #4169E1;
}





/* ***************************************************************** */
/* 制作オプション */

.option_left {
	width:440px;
	float:left;
}

.option_right {
	width:440px;
	float:right;
}

.option1 {
	width:440px;
}

.option_left h2 {
	width:440px;
	height:26px;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_440.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color: #0033CC;
	clear: both;
}

.option1 h2 {
	width:440px;
	height:26px;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_440.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color: #0033CC;
	clear: both;
}


.option_text_left {
	width:140px;
	font-size:13.5px;
	line-height:1.6em;
	float:left;
}
.option_photo_right {
	position:relative;
	width:280px;
	margin-right:0px;
	margin-bottom: 20px;
	float:right;
}

/* ***************************************************************** */ 
/* 受注の流れ */

#flow_left {
	width:200px;
	margin-top:15px;
	margin-bottom: 30px;
	list-style-type:none;
	float:left;
}

#flow_left_1{
	width:200px;
	height:700px;
	margin-bottom: 15px;
/*	border: 1px solid #B0C4DE;  */
}

#flow_left_2{
	width:200px;
	height:150px;
	margin-bottom: 15px;
/*	border: 1px solid #B0C4DE;  */
}

#flow_right {
	width:680px;
	margin-top:15px;
	margin-bottom: 30px;
	list-style-type:none;
	float:right;
}

.flow h2 {
	width:680px;
	height:26px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_option_680.png) no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	clear: both;
}

.flow_text_left {
	width:380px;
	font-size:13.5px;
	line-height:1.6em;
	float:left;
}
.flow_photo_right {
	position:relative;
	width:280px;
	margin-right:0px;
	margin-bottom: 20px;
	float:right;
}

/* ***************************************************************** */ 



#contents_footer {
	clear:both;
	padding-top:40px;
}
#footer {
	clear:both;
	height:120px;
	margin-top:100px;
	padding-top:20px;
}
#footer address {
	font-size:10px;
	font-style:normal;
	color:#5B8ECB;
	text-align:center;
}

#footer hr {
color: #5B8ECB;
background-color: #5B8ECB;
height: 1px;
margin-bottom: 10px; 
} 


/* ***************************************************************** */
/* お問合せ */


#inquiry h2 {
	width:920px;
	height:26px;
	margin-top:15px;
	margin-bottom:15px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_head_920.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color: #0033CC;
	clear: both;
}


#q1_error{line-height: 20px; color: red;}
#q2_error{line-height: 20px; color: red;}
#q3_error{line-height: 20px; color: red;}
#q4_error{line-height: 20px; color: red;}
#q5_error{line-height: 20px; color: red;}
#q6_error{line-height: 20px; color: red;}
#q7_error{line-height: 20px; color: red;}
#q8_error{line-height: 20px; color: red;}
#q9_error{line-height: 20px; color: red;}
#q10_error{line-height: 20px; color: red;}

#inquiry_only .blue_back {
	background: #DBEDFF;
}

#inquiry_only .blue2_back {
	background: #87CEFA;
}

#inquiry_only {
    border-collapse: collapse;
    margin-bottom: 140px;
	background: #FFF;
}

#inquiry_only tr td, 
#inquiry_only tr th{
    padding: 12px;
    border-bottom: 1px dotted #999;
    border-top: 1px dotted #999;
}


#inquiry_only {
	border-radius: 5px;
	border: none;
}

#inquiry_only {
	border-collapse: collapse;
	margin-bottom: 50px;
}

/* ***************************************************************** */
/* 料金シミュレーション */

#price_simulation {
	margin-top:15px;
}

#price_simulation h2 {
	width:920px;
	height:26px;
	padding:6px 10px 0 30px;
	line-height:1.5em;
	background:url(../img/bg_option_920.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color: #FFF;
	clear: both;
}

.price_simulation_t .blue2_back {
	background: #CCE5FF;
}

.price_simulation_t {
    border-collapse: collapse;
    margin-bottom: 140px;
	background: #FFF;
}

.price_simulation_t tr th{
    padding: 2px 12px 2px 12px;
    border-bottom: 1px dotted #999;
    border-top: 1px dotted #999;
}

.plantitle_left{text-align: left;}

.price_simulation_t tr td {
    padding: 6px 12px 6px 12px;	
    border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
    border-top: 1px dotted #999;
}


.price_simulation_t {
	border-radius: 5px;
	border: none;
}

.price_simulation_t {
	border-collapse: collapse;
	margin-bottom: 0px;
}

.price_cal{
	text-align: right;
	padding-right:10px;
	font-size:12pt;
}

.price_total{
	text-align:right;
	font-size:12pt;
}

.price_total_text{
	text-align:right;
}

.price_total_finish{
	color:#0000ff;
	background-color:#fef263;
	text-align:right;
	font-size:12pt;
}

/* ***************************************************************** */ 

/* クリアフィックスハック */
.clearfix:after { 
	content:"";
    display:block;
    clear:both;
} 
.clearfix { 
	display: inline-block; 
}
/* Mac版IE除外 \*/
.clearfix { 
	display: block; 
}