@charset "utf-8";

/*		Styles for all
------------------------------------------------------------------------------------*/
body {
background: url(../common/bg_main.gif) 0 0;
background-color: #f3f3f3;
text-align: center;
color:#525252;
font: 13px/1.231 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
}

table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%; /* Win IE全般向け */
	line-height: 100%;
}

body,div,ul,li,h1,h2,h3,p,blockquote{
margin: 0;
padding: 0;
line-height:1.6;
}

img {
border: 0;
vertical-align: bottom;
}

ul li{
list-style:none;
}

/*		リンク指定
------------------------------------------------------------------------------------*/

a:link img,
a:visited img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

a {
text-decoration: none;
}
a:link,
a:visited {
color: #008fe3;
}
 
a:hover,
a:active {
color: #008fe3;
text-decoration: underline;
}

/*		フォント指定
------------------------------------------------------------------------------------*/
.f10{
font-size:77%;
}
.f12{
font-size:93%;
}
.f16{
font-size:123.1%;
}
.fontBold{
font-weight:bold;
}

/*		共通
------------------------------------------------------------------------------------*/
.tleBar{
background:url(../common/bg_tleBar.gif) no-repeat 0 0;
height:31px;
line-height: 32px;
color:#3f3f3f;
font-weight:bold;
font-size:108%;
letter-spacing:0.1em;
text-align:left;
padding:0 0 0 23px;
}

.newsBar{
background:url(../common/bg_tleBar.gif) no-repeat 0 0;
height:31px;
color:#3f3f3f;
}

.newsBar .main{
font-weight:bold;
font-size:108%;
letter-spacing:0.1em;
text-align:left;
padding:0 0 0 23px;
float:left;
line-height: 32px;
}

.newsBar .sub{
padding:0 10px 0 0;
font:77% normal;
letter-spacing:0.1em;
text-align: right;
line-height:32px;
}

.tleMain{
text-align:left;
margin:0 0 0 0;
}

.subBar{
background-color:#f3f3f3;
height:23px;
line-height:23px;
font-size:77%;
border-top:solid 3px #d8d8d8;
margin:1px 0 0 0;
text-align:left;
padding:0 15px;
}

.subTle{
font-weight:bold;
letter-spacing:0.1em;
margin:7px 0 0 0;
}

.rss{
padding:0 0 0 18px;
background:url(../common/icon_rss.gif) no-repeat 0 1px;
}

.arrow{
padding:0 0 0 20px;
background:url(../common/icon_arrow.gif) no-repeat 0 0;
line-height:18px;
}

ul.circle{
padding:5px 0;
}
ul.circle li {
background:url(../common/icon_circle.gif) no-repeat 15px 10px;
text-align:left;
padding:5px 15px 5px 30px;
border-bottom:dotted 1px #888888;
}

ul.circle2{
padding:5px 0;
}
ul.circle2 li {
background:url(../common/icon_circle.gif) no-repeat left center;
text-align:left;
padding:0 0 0 15px;
}

.frameTop{
background:url(../common/frame_top.gif) no-repeat 0 0;
height:7px;
line-height:7px;
}

.frameTle{
background-color:#e8f98c;
padding:0 0 7px 0;
}

.frameInner{
padding:10px 15px;
background:url(../common/frame_inner.gif) repeat-y 0 0;
text-align:left;
font-size:93%;
}

.frameBtm{
background:url(../common/frame_btm.gif) no-repeat 0 0;
margin:0 0 10px 0;
height:7px;
}

.clear{
clear:both;
}

.noOver a:hover img {
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
}


/*		clearfix
------------------------------------------------------------------------------------*/

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
.clearfix {
		display: inline-table;
		clear: both;
}
/* MacIE begin \*/
*+html .clearfix {height: 1%;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* MacIE end */

/*		レイアウト
------------------------------------------------------------------------------------*/

#containerShadow {
width: 788px;
margin: 0 auto;
background: url(../common/bg_shadow.gif) repeat-y 0 0;
}

#container {
width: 780px;
margin: 0 auto;
font-size:100%;
}

#header{
background: url(../common/bg_header.gif) repeat-x 0 0;
position:relative;
/*height:105px;*/
}

#content{
background-color:#ffffff;
padding:28px 0 0 0;
}

#sub{
width:166px;
padding:0 10px 0 8px;
_padding:0 6px 0 7px;
float: left;
}

#subBlank{
padding:0 10px 0 8px;
}

#main{
width:578px;
padding:0 8px 0 10px;
_padding:0 8px 0 5px;
float:right;
}
#mainBlank{
padding:0 8px 0 10px;
}

#footer{
clear:both;
}

/*		ヘッダ
------------------------------------------------------------------------------------*/
#SEO{
padding:0 0 0 46px;
text-align:left;
height:23px;
color:#e8f8ff;
font-size:77%;
line-height: 23px;
}

#header h1{
position:absolute;
top:11px;
left:8px;
}

#header h1 a:hover img {
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
}

#header #logo02{
position:absolute;
top:42px;
left:116px;
}

#gNav{
float:right;
width:460px;
height:82px;
text-align:right;
}

#gNav ul li{
display:inline;
padding:0 8px 0 8px;
font-size:77%;
border-left:solid 1px #525252;
line-height: 36px;
}

#gNav ul{
height:36px;
}

 #gNav li.first{
border:none;
}

#tel{
height:43px;
padding:3px 8px 0 0;
}

/*		メイン
------------------------------------------------------------------------------------*/
#mainPh{
margin:0 0 0 0;
}

#news{
margin:0 0 10px 0;
}

li.rss{
padding:0 0 0 18px;
background:url(../common/icon_rss.gif) no-repeat 0 5px;
float:left;
line-height:23px;
}

li.arrow{
padding:0 0 0 20px;
background:url(../common/icon_arrow.gif) no-repeat 0 2px;
line-height:23px;
float:right;
}



.block3{
margin:10px 0 0 0;
background: url(../images/top/bg_block3.gif) repeat-y left top;
}

.set {
float: left;
width: 192px;
height: 170px;
text-align:left;
}
.set p.image {
padding: 0 10px 0 9px;
margin-bottom: 12px;
}
.set h3 {
padding: 0 10px 0 9px;
font-weight: bold;
margin-bottom: 3px;
display: block;
}
.set p.lead {
padding: 0 10px 0 9px;
font-size:77%;
}

.borderLine{
margin:10px 0 0 0;
border-top:1px solid #d5d5d5;
}



/*		サブ
------------------------------------------------------------------------------------*/
.bnr img{
margin:0 0 10px 0;
}

.subTleBar{
margin:0 0 5px 0;
}


/*		中ページ
------------------------------------------------------------------------------------*/
.column{
margin:5px 0 20px 0;
text-align:left;
}

.imagebox {
margin:5px 5px 0 0;
float: left;
}
p.image,
p.caption {
text-align: center;
}
p.caption {
margin:5px 0 10px 0;
 font-size: 77%;
}

.imageboxR {
   float: right;
   margin:0 0 0 20px;
}

.imageboxR img {
   margin:0 0 3px 0;
}

.imageboxL {
   float: left;
   margin:0 20px 0 0;
}
.imageboxL img {
   margin:0 0 3px 0;
}
.waku {
   padding:10px 5px;
   border:solid 1px #d5d5d5;
}

.imageboxC {
margin:5px 0 0 0;
   text-align:center;
}
.imageboxC img {
   margin:0;
   padding:0;
}

.colLL{
width:290px;
float:left;
}

.colRR{
width:280px;
float:right;
}

/*		お客様の声
------------------------------------------------------------------------------------*/

.colVoice {
float: left;
width: 280px;
height: 276px;
text-align:left;
background: url(../images/voice/bg_main.gif) no-repeat left top;
margin:0 6px 0 0;
}
.colVoice .voice {
border-top:solid 3px #b9a588;
border-bottom:solid 3px #b9a588;
margin:60px 30px 0 30px;
padding:10px 0 3px 0;
}
.colVoice .voice .name {
font-size:77%;
margin:3px 0 0 0;
padding:3px 0 0 0;
color:#a6a6a6;
border-top:solid 1px #b9a588;
}
.voice h3 {
padding: 0 10px 0 9px;
font-weight: bold;
margin-bottom: 3px;
display: block;
}
.voice p.lead {
padding: 0 10px 0 9px;
font-size:77%;
}

/*		ランディングページ
------------------------------------------------------------------------------------*/
.object{
position: relative;
}

.tlePosition{
position: absolute;
top: 0;
left: 0;
}

.btnBuy{
position: absolute;
top: 259px;
left: 256px;
width: 315px;
height: 49px;
}

.henkin{
width:708px;
margin:20px auto;
padding:20px;
border:solid 8px #eb00a0;
}

.henkin2{
text-align:center;
margin:20px auto;
padding:20px 0;
border:solid 8px #eb00a0;
}

.wakuGreen{
width:708px;
margin:20px auto;
padding:10px 20px;
border:solid 8px #bbde00;
}

.wakuBlue{
width:708px;
margin:20px auto;
padding:10px 20px;
border:solid 8px #0086e2;
}

.lineUp{
border-top:dotted 1px #3a3a3a;
margin:10px auto 0 auto;
padding:10px 0 0 0;
text-align:center;
}

.w675{
width:675px;
}

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

.banner img{
margin:0 3px 0 0;
}

.wakuGr{
width:764px;
margin:0 auto;
background: url(../images/lp/bg_green.gif) repeat-y 0 0;
}

.btmGr{
margin:0 auto;
width:764px;
height:41px;
background: url(../images/lp/btm_green.gif) no-repeat 0 0;
}

.wakuBl{
width:764px;
margin:0 auto;
background: url(../images/lp/bg_blue.gif) repeat-y 0 0;
}

.btmBl{
margin:0 auto;
width:764px;
height:41px;
background: url(../images/lp/btm_blue.gif) no-repeat 0 0;
}

.wakuOr{
width:764px;
margin:0 auto;
background: url(../images/lp/bg_orange.gif) repeat-y 0 0;
}

.btmOr{
margin:0 auto;
width:764px;
height:41px;
background: url(../images/lp/btm_orange.gif) no-repeat 0 0;
}

.columnLP{
width:675px;
margin:0 auto;
text-align:left;
}

.tleNantonaku{
margin:0 auto;
width:764px;
height:112px;
background: url(../images/lp/tle_nantonaku.gif) no-repeat 0 0;
}

.tleBarLP{
background:url(../images/lp/bar.gif) no-repeat 0 0;
margin:30px auto 20px auto;
width:652px;
height:31px;
line-height: 32px;
color:#ffffff;
font-weight:bold;
font-size:108%;
letter-spacing:0.1em;
text-align:left;
padding:0 0 0 23px;
}

.tleBarLPtop{
background:url(../images/lp/bar.gif) no-repeat 0 0;
margin:0 auto 20px auto;
width:652px;
height:31px;
line-height: 32px;
color:#ffffff;
font-weight:bold;
font-size:108%;
letter-spacing:0.1em;
text-align:left;
padding:0 0 0 23px;
}

.catchLP{
margin:12px 0 0 0;
}

.imageboxRlp {
   float: right;
   margin:0 0 0 20px;
}

.imageboxLlp {
   float: left;
   margin:0 20px 0 0;
}

.subTleLP{
font-size:108%;
font-weight:bold;
letter-spacing:0.1em;
margin:7px 0 0 0;
}

.bgGray{
background-color:#eeeeee;
margin:15px 0 0 0;
padding:20px 30px;
}

.imageboxLP {
width:138px;
margin:5px 5px 0 0;
float: left;
}
.imageboxLP p.image,
.imageboxLP p.caption {
text-align: left;
}
.imageboxLP p.caption {
margin:5px 0 10px 0;
 font-size: 77%;
}

/*		フッタ
------------------------------------------------------------------------------------*/

.colL{
width:355px;
float:left;
}

.colR{
width:355px;
float:right;
}

#fNav{
background: url(../common/bg_footer.gif) repeat-x 0 0;
height:84px;
}

#about{
background-color:#f7f7f7;
padding:20px 20px 10px 20px;
text-align:left;
font-size:93%;
}

#about p{
margin:0 0 20px 0;
}

.underLine{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #888888;
}

.pageTop{
background-color:#f7f7f7;
padding:0 10px 0 0;
text-align:right;
}

#fNav{
text-align:left;
color:#ffffff;
font-size:77%;
}

#fNav ul{
padding:10px 0 0 10px;
}

#fNav ul li{
display:inline;
padding:0 8px 0 8px;
border-left:solid 1px #ffffff;
}

#fNav li.first{
border:none;
padding:0 8px 0 0;
}

#fNav a:link,
#fNav a:visited{
color: #ffffff;
text-decoration: underline;
}

#fNav a:hover,
#fNav a:active {
color: #ffffff;
text-decoration: none;
}

#copyRight{
padding:0 0 0 10px;
letter-spacing:0.1em;
}