@charset "utf-8";
/* --------------------------------------------------
	Base Layout
-------------------------------------------------- */
/* Import
-------------------------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  line-height:180%;
  vertical-align: baseline; }

table, tr, td, img {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }

strong, em {
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#000;
	background-color: #FFFFFF;
	margin: 0px;
	}

footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  color:#00493A; }
 
 a:hover{
	 color:#00493A;
	 text-decoration: underline;}

div a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

img {
  vertical-align: top; }


table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: none;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

textarea, input, select {
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: middle; }

/* --------------------------------------------------
	Base Font
-------------------------------------------------- */
/* 12px For IE */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
	font-size: 75%;
	-webkit-text-size-adjust: none;
	text-decoration: none;
}

/* for IE6 */
* html body {
  font-family: 'ＭＳ Ｐゴシック', sans-serif; }

html:not(:target) body {
  font-size: 12px; }

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%; }
  
  table .cc {
  font-size: 77%;
   }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

#frontSecNews.section .obj01 a,
#frontSecNews.section .obj01 {
	color:#e60012;
	text-decoration:none;
	}

/* --------------------------------------------------
	font
-------------------------------------------------- */

p .right{text-align:right !important;}
p .left{text-align:left !important;}
p .center{text-align:center !important;}

/* #main
-------------------------------------------------- */
#main {
	margin:0 auto;
	height: 100%;
	z-index: 4;
}

.box900{margin:auto;width:900px;}

#main h1 {position: relative;margin:auto;width:900px; }

h1#logo span {
    display: none;
}
h1#logo {
    height: 150px; /* 画像の高さ(height) */
    background-image: url('../img/hd.jpg');
    background-repeat: no-repeat;
}


#main h2 {
    position: relative;
	margin:30px auto 0px;
	width:900px;
	font-size:24px;
	line-height:160%;
	padding-bottom:10px;
	text-align:center;
	border-bottom:solid 5px;
	border-bottom-color:#d1d507;
	 }

.page-box{
	margin:40px auto 0px;
	width:870px; 
	padding:0 15px;}

.page-box p{
	margin:20px auto;
	}

.page-box p span{
	font-size:10px;
	}

.page-box img{
	margin:20px auto 40px;
	}

.page-box h3 {
padding-top:22px ;
padding-left:90px;
background: url(../img/01-item/01-01-mark.gif) no-repeat 0px; /* 見出しの背景 */
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box h4 {
padding-top:22px ;
padding-left:90px;
background: url(../img/01-item/01-02-mark.gif) no-repeat 0px; /* 見出しの背景 */
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box h5 {
padding-top:22px ;
padding-left:90px;
background: url(../img/01-item/01-03-mark.gif) no-repeat 0px; /* 見出しの背景 */
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box2{
	margin:40px auto 0px;
	width:870px; 
	padding:0 15px;}

.page-box2 p{
	margin:20px auto;
	}

.page-box2 p span{
	color:#d1d507;
	}

.page-box2 img{
	margin:20px auto 40px;
	}

.page-box2 h3 {
padding-top:22px ;
padding-left:0px;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}
.page-box2 h3 span {
font-size: 14px; /* 見出しの文字サイズ */
}

.page-box2 h4 {
padding-top:22px ;
padding-left:0px;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box2 h4 span {
font-size: 14px; /* 見出しの文字サイズ */
}

.page-box2 h5 {
padding-top:22px ;
padding-left:0px;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box2 h5 span {
font-size: 14px; /* 見出しの文字サイズ */
}

.page-box3{
	margin:40px auto 40px;
	width:870px; 
	padding:0 15px;}

.page-box3 p{
	margin:20px auto 10px;
	}

.page-box3 td{
	padding:5px;
	vertical-align:top;
	}

.page-box3 .bb{
	font-weight:bold;
	font-size:14px;
	}

.page-box3 .fcolor{
	color:#d1d507;
	}

.page-box3 h3 {
padding-top:22px ;
padding-left:0px;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

.page-box3 h4 {
padding-top:22px ;
padding-left:0px;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 160%;
height:80px;
}

#header {
	margin:0 auto;
	background-image:url(../img/hbg.jpg); 
	background-repeat:repeat-x;
	}


#gl-menu{
	margin:0 auto; 
	background-image:url(../img/gl-menu-bg.gif); 
	background-repeat:repeat-x;
	}

#gl-menu img{
	margin:0; border:none;
	}

#sub-menu{
	margin:0 auto;
	width:900px; 
	text-align:center;}

#sub-menu img{
	margin:0; border:none;
	}

#footer {
	margin:40px auto 0px; 
	background-image:url(../img/footer-bg.gif); 
	background-repeat:repeat-x;
	height:137px;
}

#footer p{
	padding:10px;
	color:#00493A;
	font-size:10px;
}

#footer p img{
	vertical-align: middle;
}


/* ------------------------------------------


img_area


------------------------------------------*/
.img_left {
	float: left;
	margin: 20px !important;
}

.img_right {
	float: right;
	margin: 20px !important;
}

.img_center {
	text-align: center;
	margin: 20px 0px;
}

.center {
	text-align: center;
	margin-top:20px;
}

/* ---------------------------
　　フォント設定
--------------------------- */
.g-text {
 color:#666; 
 font-size:120%;
}

.blue-text {
 color:#99CCFF; 
 font-size:120%;
}

.black-text {
 color:#333333; 
}

.green-text {
 color:#255140; 
}

.green2-text {
 color:#339933;
 font-weight:bold; 
}

.green3-text {
 color:#669933; 
}

.orenge-text {
 color:#ff6633;
 font-weight:bold;
}
.orenge-text10 {
 color:#ff6633; 
 font-size:85%;
}
.orenge-text10-2 {
 color:#ff6633; 
 font-size:72%;
}
.darkred-text {
 color:#993333; 
}
.text85 {
 font-size:85%;
}
.b14{
	font-size:14px;
	font-weight:bold;
}

.clear { clear:both; }  
.clear hr { display:none; }  




.viewer {
	width: 900px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	background-image: url(../top-img/sl-01.jpg);
}

.viewer ul {
	width: 900px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 900px;
	height: 350px;
	display: none;
	position: absolute;
}

#oshirase{
	position:absolute;
	top:150px;
	left:10px;
	z-index:900;
}

.order {
 position: relative;
 top: 0px;
 left: 0px;
 z-index:100;
}
.order2 {
 position: relative;
 top: 0px;
 left:765px;
  z-index:100;
}

#pageTop{
	background:#999;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#ccc;
	}
	
	.semi_tit_funnel{
	font-size:16px !important;
	line-height:160%;
	color:#A0A0A0;
}

.semi_bt_area{ background-color:#e6e5a1; font-weight:bold; padding:5px; display: inline-block; margin:10px 0px; color:#666;}
.semi_green{ color:#00493A; font-weight:bold; font-size:14px;}