﻿
/*
----------------------------------------------------------------------
	レイアウト
----------------------------------------------------------------------
*/
body {
	font:13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 *font-size:small;
 *font:x-small;
	color:#333333;
}

#wrapper {
	width:100%;
	text-align:center;
}

#header {
	width:768px;
	height:88px;
	padding:0px;
	margin:0 auto;
	position:relative;
}

#nav { }

#main {
	width:748px;
	margin:0px auto;
	padding:0 10px;
	text-align:left;
}

.h3_content { margin-bottom:35px; }

#footer {
	width:748px;
	padding:10px;
	margin:0 auto;
	border-top:solid 1px #cccccc;
}


/*
----------------------------------------------------------------------
	共通
----------------------------------------------------------------------
*/

.left { float:left; }

.right { float:right; }

.img_l { float:left; margin:0 1em 0 0 }

.img_r { float:right; margin:0 0 1em 1em }

.clear { clear:both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.mb30 { margin-bottom:30px; }

.mb50 { margin-bottom:50px; }

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*p.pagetop a {
	width:auto;
	padding:10px 5px;
	background-color:#060504;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	position: fixed;
	_position: absolute;
	right:0;
	bottom:200px;
	border:none;
}*/

.contact_btn a {
	width:364px;
	height:53px;
	display: block;
	text-indent:-9999px;
	background:url(../images/contact_btn.jpg) 0 -53px no-repeat;
	margin:0 auto 35px auto;
}

.contact_btn a:hover { background-position:0 0; }

/*
----------------------------------------------------------------------
	文字
----------------------------------------------------------------------
*/
h2 { margin-bottom:35px; }

h3 { margin-bottom:15px; }

.h3_content p {
	margin-bottom:1em;
	font-size:108%;
	line-height:1.6;
}

.h3_content p.note {
	font-size:12px;
	text-indent:-1em;
	margin-left:1em;
	margin-bottom:5px;
}

.text10 { font-size:77%; }

.text11 { font-size:85%; }

.text12 { font-size:93%; }

.text13 { font-size:100%; }

.text14 { font-size:108%; }

.text15 { font-size:116%; }

.text16 { font-size:123.1%; }

.text17 { font-size:131%; }

.text18 { font-size:138.5%; }

.text19 { font-size:146.5%; }

.text20 { font-size:153.9%; }

.text21 { font-size:161.6%; }

.text22 { font-size:167%; }

.text23 { font-size:174%; }

.text24 { font-size:182%; }

.text25 { font-size:189%; }

.text26 { font-size:197%; }

.txt_orange { color:#ff6600; }

.txt_red { color:#CC0000; }

.txt_b { font-weight:bold; }

.txt_c { text-align:center; }

.txt_r { text-align:right; }

/*
----------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------
*/
#header h1 a {
	width:300px;
	height:48px;
	background:url(../images/logo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:20px;
	left:10px;
}

#header p.tel {
	width:172px;
	height:43px;
	background:url(../images/tel.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:20px;
	right:266px;
}

#header p.header_btn a {
	width:236px;
	height:43px;
	background:url(../images/header_btn.jpg) 0 -43px no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:20px;
	right:10px;
}

#header p.header_btn a:hover { background-position:0 0; }

/*
----------------------------------------------------------------------
	フッター
----------------------------------------------------------------------
*/
ul#footer_nav {
	float:right;
}
ul#footer_nav li {
	text-align:right;
	display:inline;
	margin-left:1em;
}
ul#footer_nav li a{
	background:url(../images/menu_icon.gif) 0 5px no-repeat;
	_background:url(../images/menu_icon.gif) 0 2px no-repeat;
	padding-left:10px;
	text-decoration:none;
	color:#333333;
}

#footer p.copy {
	text-align:right;
	float:right;
}

/*
----------------------------------------------------------------------
	ナビ
----------------------------------------------------------------------
*/
/*
#nav ul {
	width:960px;
	height:55px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

#nav ul li {
	float:left;
	width:160px;
}

#nav ul li a {
	width:160px;
	height:55px;
	display: block;
	text-indent:-9999px;
}

#nav ul li.nav01 a { background:url(../images/nav_01.jpg) 0 0 no-repeat; }

#nav ul li.nav02 a { background:url(../images/nav_02.jpg) 0 0 no-repeat; }

#nav ul li.nav03 a { background:url(../images/nav_03.jpg) 0 0 no-repeat; }

#nav ul li.nav04 a { background:url(../images/nav_04.jpg) 0 0 no-repeat; }

#nav ul li.nav05 a { background:url(../images/nav_05.jpg) 0 0 no-repeat; }

#nav ul li.nav06 a { background:url(../images/nav_06.jpg) 0 0 no-repeat; }

#nav ul li.nav01 a:hover,
#nav ul li.nav02 a:hover,
#nav ul li.nav03 a:hover,
#nav ul li.nav04 a:hover,
#nav ul li.nav05 a:hover,
#nav ul li.nav06 a:hover,
body#nav01 #nav ul li.nav01 a,
body#nav02 #nav ul li.nav02 a,
body#nav03 #nav ul li.nav03 a,
body#nav04 #nav ul li.nav04 a,
body#nav05 #nav ul li.nav05 a,
body#nav06 #nav ul li.nav06 a { background-position:0 -55px; }
*/


/*
----------------------------------------------------------------------
	価格
----------------------------------------------------------------------
*/

ul.price_box {
	margin-right:-20px;
	margin-bottom:5px;
 }

ul.price_box li {
	width:172px;
	margin-right:20px;
	float:left;
	display:inline;
}

/*
----------------------------------------------------------------------
	メリット
----------------------------------------------------------------------
*/
.meritBox {
	width:236px;
	float:left;
	margin-right:20px;
}

.meritBox p,
.meritBox_end p {
	width:214px;
	padding:10px;
	background-color:#f4ffdb;
	border-left:solid 1px #83c000;
	border-right:solid 1px #83c000;
	margin:0;
}

.meritBox_end {
	width:236px;
	float:left;
	margin-right:0px;
}


/*
----------------------------------------------------------------------
	pdf作成方法
----------------------------------------------------------------------
*/
.pdf_content {
	background-color:#FBEAEB;
	border:solid 1px #CC0000;
	padding:10px;
	margin-bottom:35px;
}
.pdf_content h3{
	font-size:131%;
	margin-bottom:10px;
	border-left:solid 5px #CC0000;
	line-height:1;
	padding-left:5px;
}
.pdf_content p {
	font-size:108%;
	line-height:1.6;
	margin-bottom:1em;
}
/*
----------------------------------------------------------------------
	お問い合わせ
----------------------------------------------------------------------
*/

.errs {
	margin-bottom:1em;
	color:#CC0033;
	background-color:#FFE8E8;
	padding:10px;
}

.fieldset { font-size:108%; }

.fieldset dt {
	margin-bottom:0.3em;
	font-weight:bold;
}

.fieldset dd {
	margin-bottom:1em;
	text-indent:1em;
}

.fieldset input,
.fieldset textarea {
	padding:5px;
	border:solid 1px #4e4b49;
}
