@charset "utf-8";

/* 
  -全体構造（リンク）
  -header
  -footer
  -contents


/*------ 初期設定 ------ */

html,body,div,h1,h2,h3,h4,h5,p,img,dl,dt,dd,ul,ol,li{
margin:0;
padding:0;
border:none;
vertical-align::top;
list-style:none;
font-size: 14px;
font-weight:normal;
}

/*
body { 
color: #333;
font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
********************** 20140509 TEST */

body	{
color: #333;
font-family:Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif;
//width:100%;
-webkit-font-smoothing:antialiased;
 letter-spacing:-0.2em;
  /*\*/
 letter-spacing:0.05em;
  /* */
}

table,tr,th,td{
margin:0;
padding:0;
border:none;
text-align:left;
font-weight:normal;
}

br{
letter-spacing: 0;
}

/* link */

a:link,
a:visited{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a.l_out,
a.l_words,
a.l_prev,
a.l_next{
min-height:15px;
height: auto !important;
height: 15px;
padding:0 15px 12px 16px;
//padding:0 0 12px 17px;
color:#1c6ae9;
display:block;
vertical-align:top;
}

a.l_out{
background:url(../common/icon_link.gif) no-repeat;
font-size:13px;
line-height:1.4em;
letter-spacing:-0.02em;
}

a.l_words{
background:url(../common/icon_words.gif) no-repeat 0 3px;
}

a.l_prev{
background:url(../common/icon_prev.gif) no-repeat;
padding-left:49px;
}

a.l_next{
background:url(../common/icon_next.gif) no-repeat;
padding-left:49px;
}


/* text setting */

.warn{
font-size:12px;
}

.txt10{
font-size:11px;
font-weight:normal;
}

.txt14{
font-size:14px;
}

.red{
color:#ff0066;
}

.blue{
color:#1c6ae9;
}

.green{
color:#65CC33;
}

.deep_red{
color:#d61518;
}

p{
 line-height:180%;
 text-align:left;
}

.i_img {
text-align: center;
padding-bottom: 5px;
}


/*------ 全体構造 ------ */

#wrapper{
width:998px;
border:1px #333 solid;
background:url(../common/wrapper_bg.gif) repeat-x bottom;
margin:10px auto;
}

#bg{
padding:29px 0 0 29px;
background:url(../common/bg.jpg) no-repeat right 78px;
}

/*------ header ------ */

#header{

padding-bottom:32px;
}

#header #logo{
float:left;
}

#header ul#h_navi2{
padding-right:25px;
padding-bottom:8px;
float:right;
}

ul#h_navi2 li{
padding:0 0 0 3px;
display:inline;
}


#header ul#h_navi{
padding-right:25px;
float:right;
clear:right;
}

ul#h_navi li{
padding:0 7px;
border-left:1px #666 solid;
font-size:12px;
display:inline;
}

ul#h_navi li.lasthnavi{
border-right:1px #666 solid;
}

ul#h_navi li a{
color:#000;
}

/*------ 左コンテンツ ------ */

#left_box{
width:280px;
float:left;
}

#left_box .page_ttl{
padding:14px;
margin-bottom:28px;
}

#left_box h1{
margin-bottom:14px;
}

#left_box .page_ttl h1{
color: #fff;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
font-family:"游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
}

#left_box .page_ttl p{
font-size:12px;
padding:7px;
background:#fff;
color:#000;
}

#left_box #cat01{background:#ff6418;}

/* 左メニュー */

#left_menu{
margin-bottom:20px;
padding:12px 8px 12px 10px;
background:#eee;
border-right:1px #797979 solid;
border-bottom:1px #797979 solid;
}

#left_box li.dot{
border-bottom:2px #555 dotted;
margin-bottom:15px;
}

#left_box li a{
min-height:17px;
height: auto !important;
height: 17px;
padding:0 0 10px 18px;
color:#000;
display:block;
font-size:12px;
}

#left_box li.cam{background:url(../common/menu_icon_cam.gif) no-repeat;}
#left_box li.cam a{color:#ff267d;}
#left_box li.cat01 a{background:url(../common/menu_icon_01.gif) no-repeat;}
#left_box li.cat02 a{background:url(../common/menu_icon_02.gif) no-repeat;}
#left_box li.cat03 a{background:url(../common/menu_icon_03.gif) no-repeat;}
#left_box li.cat04 a{background:url(../common/menu_icon_04.gif) no-repeat;}
#left_box li.cat05 a{background:url(../common/menu_icon_05.gif) no-repeat;}

#left_box li a:link{
background-position:0 -17px;
}

#left_box li a:visited{
background-position:0 -17px;
}

#left_box li a:hover{
background-position:-14px 1px;
}


/* ContactBanner 20110810*/

#left_box .contactBanner {
margin-bottom: 20px;
}
#left_box .contactBanner a{
/*	background:url(../common/contact_banner.gif) no-repeat;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding:46px 0 10px 28px;
	display:block;
	line-height:1em;
	margin-bottom:20px;
	font-size:14px;*/
	padding: 0;
}

#left_box .contactBanner a:link{
color:#FFF;
background-position:0 0;
}

#left_box .contactBanner a:visited{
color:#FFF;
background-position:0 0;
}

#left_box .contactBanner a:hover{
color:#FF0;
background-position:0 0;
}



/*------ 右コンテンツ ------ */

#right_box{
width:658px;
float:right;
}

#right_box h2{
padding-bottom:20px;
}

#right_box h3{
padding:0 0 0 18px;
margin-bottom:5px;
font-size:14px;

}

#right_box h3,
#right_box h4{
padding-bottom:8px;
font-weight:bold;
color:#333;
}



#right_box .section{
padding-bottom:30px;
}






/* 左 */

#right_box .left{
width:410px;
padding-left:20px;
float:left;
}


#right_box .left ul{
padding:0 0 15px 15px;
}

#right_box .left li{
 list-style-type:disc;
	padding-left:5px;
	margin-left:5px;
  /*\*/
   letter-spacing:0.1em;
  /* */
 line-height:180%;
}

#right_box .sublink{
text-align:right;
}

/* 右 */

#right_box .right{
width:210px;
float:right;
}

.p_word div{
top:-10000px;
left:-10000px;
position:absolute;
background:#fafafa;
border:1px #ccc solid;
}

.p_wors a:link,
.p_wors a:visited{
color:#1c6ae9;
}

.p_word a:hover {
position:relative;
text-decoration:none;
color:#333;
}

.p_word a:hover div h5{
background:#eaeaea;
padding:10px;
}

.p_word a:hover div p{
padding:0 10px 10px 10px;
font-size:15px;
}

.p_word a:hover div{
top:15px;
left:20px;
}

/* 下 */

#right_box .bottom{
padding:0 20px 15px 20px;
clear:both;

}

#right_box .bottom img{
padding-bottom:15px;
}

/* 共通 */

#right_box .left p,
#right_box .bottom p{
padding-bottom:15px;
}


/* BackLink 20110621*/

.backLink p {
	text-align:right;
	font-size:15px;
	margin:10px 25px 25px 0;
}

.backLink p a {
    background: url("../common/menu_icon_05.gif") no-repeat scroll 0 0 transparent;
    padding-bottom: 10px;
    padding-left: 17px;
	color:#333;
	background-position:0 -17px;

}

.backLink .cat01 a {background: url("../common/menu_icon_01.gif") no-repeat scroll 0 0 transparent;}
.backLink .cat02 a {background: url("../common/menu_icon_02.gif") no-repeat scroll 0 0 transparent;}
.backLink .cat03 a {background: url("../common/menu_icon_03.gif") no-repeat scroll 0 0 transparent;}
.backLink .cat04 a {background: url("../common/menu_icon_04.gif") no-repeat scroll 0 0 transparent;}
.backLink .cat05 a {background: url("../common/menu_icon_05.gif") no-repeat scroll 0 0 transparent;}

.backLink p a:link {
	background-position:0 -17px;
}

.backLink p a:visited {
	background-position:0 -17px;
}

.backLink p a:hover {
    background-position: -13px 0;
}


/*------ footer sitemap------ */

#footerSitemap{
background-color:#666;
margin:0 auto;
line-height:1.7em;
padding:8px 10px 2px;
}

#footerSitemap .floatL{
float:left;
width:244px;
}

#footerSitemap h4{
color:#fff;
font-size:14px;
font-weight:bold;
border-bottom: 1px dotted #919191;
margin-bottom:3px;
padding-bottom:3px;
width:220px;
}

#footerSitemap li, #footerSitemap li a{
color:#e0e0e0;
font-size:13px;
line-height:1.8em;
}

#footerSitemap .orange, #footerSitemap .orange a{
color:#ffbb66;
}

#footerSitemap .yellow, #footerSitemap .yellow a{
color:#FFFF66;
}

#footerSitemap .ftCat, #footerSitemap .ftCatBottom{
margin:10px 0 18px 10px;
}



/*------ footer ------ */

#footer{
padding:8px 10px 2px;
clear:both;
margin-top:-1px;
font-size:12px;
}

#footer p{
font-size:13px;
line-height:100%;
color:#ccc;
text-align:right;
}

#footerLogo{
float:left;
margin-top:-5px;
}

#footerHomeLink{
float:left;
font-size:13px;
padding-left:8px;
letter-spacing:0.05em;
color:#a0a0a0;
margin-top: -3px;
}

#footerHomeLink a{
color:#FFF;
}

/* layout setting */

.clear{
	clear:both;
}

.floatL{
	float:left;
}

.floatR{
	float:right;
}

img{
vertical-align:top;
}

.mt15{
margin-top:15px;
display:block;
}

.mb15{
margin-bottom:15px;
display:block;
}

.pb00{
padding-bottom:0;
}




/* aside (bottom_contents) */
.aside_menu {
padding-bottom: 30px;
margin-top: 60px;
}

h6 {
border-bottom: 1px dashed #aaa;
border-left: 3px solid #aaa;
padding: 6px 0 6px 0px;
font-size: 12px;
margin-bottom: 20px;
}

h6 span {
margin-left: 2px;
border-left: 1px solid #aaa;
padding: 6px 0 6px 14px;
}

.lead_txt {
font-size: 10px;
}

.btn_aside {
padding-left: 20px;
margin-bottom: 20px;
}

.btn_aside a{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 97%;
display: inline-block;
color:#444;
font-weight:bold;
}

.btn_aside .btn_category{
border-right:0;
vertical-align: middle;
display: inline-block;
font-size: 12px;
font-weight: bold;
position: relative;
padding: 10px 16px;
text-align: center;
margin-right: 18px;
}

.btn_next a{
border: 2px solid #FF6418;
font-weight: bold;
}
.btn_next .btn_category{
background:#FF6418;
color: #fff;
padding:9px 12px 9px 18px;
margin-right: 35px;
}
.btn_next .btn_category:after {
background: #FF6418;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_primer a{
border: 2px solid #439C17;
}

.btn_primer .btn_category{
padding: 9px 12px 9px 18px;
margin-right: 35px;
background: #439C17;
color: #fff;
}

.btn_primer .btn_category:after {
background: #439C17;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_service a{
border: 2px solid #5181D0;
}

.btn_service .btn_category{
background: #5181D0;
color: #fff;
padding: 9px 12px 9px 18px;
margin-right: 35px;
}

.btn_service .btn_category:after{
background: #5181D0;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_waf a {
border: 2px solid #F4C30E;
}
.btn_waf .btn_category {
background: #F4C30E;
color: #fff;
padding: 9px 12px 9px 18px;
margin-right: 35px;
}
.btn_waf .btn_category::after {
background: #F4C30E;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_scutum a {
border: 2px solid #369AD5;
}
.btn_scutum .btn_category {
background: #369AD5;
color: #fff;
padding: 9px 12px 9px 18px;
margin-right: 35px;
}
.btn_scutum .btn_category::after {
background: #369AD5;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_ondemand a {
border: 2px solid #3cb371;
}
.btn_ondemand .btn_category {
background: #3cb371;
color: #fff;
padding: 9px 12px 9px 18px;
margin-right: 35px;
}
.btn_ondemand .btn_category::after {
background: #3cb371;
content: "";
height: 2.2em;
margin-top: -1.15em;
position: absolute;
right: -1.1em;
top: 50%;
width: 2.2em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_l .btn_category a{
font-size: 15px;
}
.btn_l .btn_category {
padding: 18px 12px 15px 20px;
font-size: 14px;
margin-right: 44px;
}
.btn_ondemand.btn_l .btn_category {
margin-right: 34px;
}
.btn_l .btn_category:after {
content: "";
height: 3em;
margin-top: -1.4em;
position: absolute;
right: -1.5em;
top: 50%;
width: 3em;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: 4px;
}

.btn_submit{
display: table;
height: 52px;
margin: 10px 12px 4px 0px;
width: 604px;
}
.btn_submit a{
vertical-align: middle;
display: table-cell;
font-size: 14px;
line-height: 1.4;
letter-spacing: -0.02em;
width: 100%;
height: 100%;
border-radius: 4px;
background: #FC8A31 none repeat scroll 0% 0%;
font-weight: bold;
box-shadow: 0px 6px rgb(245, 106, 40);
transition: none 0s ease 0s;
position: relative;
padding-top: 2px;
text-align: center;
color: rgb(255, 255, 255);
}
.btn_submit a:hover{
box-shadow: 0 4px rgb(245, 106, 40);
top: 2px;
text-decoration: none;
}
.btn_submit a:active {
box-shadow: 0 0 rgb(245, 106, 40);
top: 6px;
}