@charset "UTF-8";

/**************************************************/
/* 全ページ共通テンプレート */
/**************************************************/
/*
http://www.color-fortuna.com/color_scheme_genelator2/

テーマカラー #6886D7
全体の背景#9DB7FB

メニュー #7B8BB5

ロゴ #555555
本文見出し1 #5F83E5
本文見出し2 #263E7F
サイドバー見出し#D0DCFE
サイドバー背景 #F0F4FF
*/

body {
	margin: 0 auto;
	padding: 0;

	background: #FFFFFF;
/*	background: #F0F4FF; */
/*	background: #top-flicker-img; */
/*	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487)) fixed; */
/*	background: -moz-linear-gradient(top, #2772C5, #234487) fixed; */
	color: #222222;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;

}

* html body {/*For IE6*/
	font-size: 62.5%;
	font-family: 'ＭＳ Ｐゴシック', Verdana, Arial, sans-serif;
}

*:first-child+html body {/*For IE7*/
	font-size: 62.5%;
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', Verdana, Arial, sans-serif;
}

/* 共通項目 */
/**************************************************/
/*Default Link*/
a {
    color: #234487;
    text-decoration: none;
    outline: none;
}
a:visited {
    color: #234487;
    text-decoration: none;
}
a:hover {
    color: #ff1493;
    text-decoration: none;
}
a:active {
    color: #ff1493;
    text-decoration: none;
}

/*Link Style*/
a.ulink {
    text-decoration: underline;
}

div.tmp {
    width: 780px;
    margin: 0 auto;
}

div.lo {overflow: hidden;}
div.lo div {float: left;}

ul.lo {overflow: hidden;}
ul.lo li {float: left;}

dl.lo {overflow: hidden;}
dl.lo dt {float: left;}
dl.lo dd {float: left;}

div.box-a{/* 汎用ボックス */}
div.box-b{/* 汎用ボックス */}
div.box-c{/* 汎用ボックス */}
div.box-d{/* 汎用ボックス */}
div.box-e{/* 汎用ボックス */}

/*
a:link{text-decoration: none;}
a:active{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
*/

/* ヘッダ */
/**************************************************/

div#hd {
    text-align: center;
	background: #ffffff;

/*
	background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#ffffff));
	background: -moz-linear-gradient(top, #f0f0f0, #fff);
	box-shadow: inset 0px 0px 5px #33a;
	-webkit-box-shadow: inset 0px 0px 5px #33a;
	-moz-box-shadow: inset 0px 0px 5px #33a;
*/
}

div#hd-top {
    width: 770px;
    padding-top: 10px;
    margin-left: 5px;
    background: url(../img/tmp/hd-bg.gif) no-repeat 265px bottom;
}
div#hd-top div.lo {
    width: 770px;
}

/* サイトタイトル */
div#hd-top1 {
    width: 455px;
    padding-top: 10px;
    padding-bottom: 3px;
}
div#hd-top1 h1 {
    font-size: 26pt;
    color: #6886D7;
    text-shadow: 2px 2px 1px #555555;
}
div#hd-top1 h1 a {
	color: #6886D7;
	-webkit-transition: 0.5s ease-in-out;
}

#header-inner h1 a:hover {
	text-shadow: 3px 3px 5px #666;
}




div#hd-top3{width:266px;float:right;}
div#hd-top3 dl dt{float:right;}

/* グローバルメニュー */
div#hd-menu{padding-left:5px; height:70px;}
div#hd-menu ul{width:770px;border-top:5px solid #7B8BB5;}
div#hd-menu li{height:37px;overflow:hidden;}

/* ボディ */
/**************************************************/
#wrapper{
	position:relative;
	border-bottom: 1px solid #000;
	z-index:90;
}

#wrapinner{
	_background: none;
	background: #fcfcff;

	box-shadow: inset 0px 0px 5px #333;
	-webkit-box-shadow: inset 0px 0px 5px #333;
	-moz-box-shadow: inset 0px 0px 5px #333;
	padding-top: 10px;
	padding-bottom: 30px;
}
#wrapinner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container{
	display:block;
/*	margin:-50px auto 0; */
	margin:10px auto 0;
	*margin:1px auto 0;
/* chg-s*/
/*	padding: 30px 0;*/
	padding: 0px 0 10px 0;
/* chg-e*/
	width:780px;
	color:#000;
	background-color:#fff;
/*
	border-top-left-radius: 10px;  
	border-top-right-radius: 10px;	
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;  
	-moz-border-radius-topleft: 10px;  
	-moz-border-radius-topright: 10px;  
*/	
	box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}


/*	06:Content
================================================*/

section#main-content {
	display:block;
	margin:0 30px 0 0;
	padding-left:30px;
	float:left;
	width:520px;
	text-align:left;
}

section#main-content div.navi{
	margin-bottom:20px;
	line-height:1.3;
	font-size:130%;
}

article{
	margin: 0 0 30px 0;
}
article:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
article header{
	overflow: hidden;
	background: #ffffff;
	text-align: left;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	_zoom:1;
}
article header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

article footer{
	clear: both;
	position:relative;
	background: #fff;
	height:10px;
	z-index:1;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/*	エントリー
================================================*/
article h2.title {
	clear:both;
	display:block;
	font-size:180%;
	font-weight:bolder;
    color: white;
	padding:8px 10px 8px 10px;
	margin:0;
	background: #234487; /*url(../img/h2.png) no-repeat left;*/
	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487));
	background: -moz-linear-gradient(top, #2772C5, #234487);
	font-weight:bold;
	line-height: 1.6;
	box-shadow: 0px 3px 3px #DFDFDF;
	-webkit-box-shadow: 0px 3px 3px #DFDFDF;
	-moz-box-shadow: 0px 3px 3px #DFDFDF;
	text-shadow: 1px 1px 3px #202020;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

article h2.title a{
	color:#fff;
}

article h2.title a:hover{
	color:#ff1493;
	text-shadow: 1px 1px 3px #505050;
}

article h3 {
	clear:both;
	display:block;
	padding:0 0 0 10px;
	margin:30px 0 15px 0;
	border-bottom: 1px dotted #234487;
	border-left: 5px solid #234487;
	font-size:135%;
	font-weight:bold;
	text-shadow: 1px 1px 1px #cccccc;
}

article h3.type2 {
	background-color:#234487;
	border:1px solid #ffffff;
	padding:3px 0 3px 10px;
	color:#FFFFFF;
	box-shadow:1px 1px 3px #999999;
	-webkit-box-shadow:1px 1px 3px #999999;
	-moz-box-shadow:1px 1px 3px #999999;
	text-shadow:1px 1px 1px #333333;
}

article h4 {
	clear:both;
	border-bottom: 1px dotted #234487;
	margin:30px 0 0 0;
	padding:5px 0;
	font-size:120%;
	font-weight:bold;
}

.text{
	clear: both;
	padding:0px 0px 10px 0px;
	margin:0 0 0 10px;
	line-height:1.8;
	font-size:150%;
	color:#333;
}

.text a:visited { color:#234487;}
.text a:visited:hover {color:#ff007f;}
.text p{margin:15px 0; line-height:1.8;}
.text img{border:3px solid #fff;}
.text img.noborder{border: 0;}
.text a img.noborder{border: 0;}
.text a:hover img.noborder{border: 0;}
.text img.imgborder{border:1px solid #ccc;}
.text a img{border:3px solid #fff;}
.text a img.pora {border:1px solid #fff;}
.text img.pora {border:1px solid #fff;}
.text a.imglink img{border:1px solid #ccc;}
.text a img.imglink{border:1px solid #ccc;}
.text a img.topimg{border:5px solid #EDF1FA;}
.text a.imglink:hover img{border:1px solid #969696;}
.text a:hover img.imglink{border:1px solid #969696;}
.text a:hover img.topimg{border:5px solid #EDF1FA;}
.text a:hover img.pora{border:1px solid #969696;}

.text p img.flame {
	background:#F0F0F0;
	border:1px solid;
	border-color:#FFFFFF #F0F0F0 #F0F0F0 #F0F0F0;
	outline:1px solid #DDDDDD;
	padding:3px;
}

.text img.topimg {
	border:5px solid #EDF1FA;
	box-shadow: 0px 0px 2px #6F8DD7;
	-webkit-box-shadow: 0px 0px 2px #6F8DD7;
	-moz-box-shadow: 0px 0px 2px #6F8DD7;
}

.text ul li{
	line-height:1.6;
}

span.desc {color:#696969;font-size:76.9%;}

blockquote{
	display: block;
	border:1px dotted #234487;
	padding:5px;
	margin:10px 0 10px 10px;
	line-height:1.8;
}

blockquote cite{
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 5px 3px 2px;
	text-align: right;
	border-top: 1px dashed #3d3dff;
	font-style: normal;
	font-size:90%;
}

.text p span.red{
	color:#CC0000;
}
.text p span.green{
	color:#00CC33;
}
.text p span.blue{
	color:#0033FF;
}

.text ul li,
.text ol li{
	padding:5px 0;
}

table.nrmtbl{
    border:solid 1px #333;
	font-size:120%;
}
table.nrmtbl tr th{
    border:solid 1px #333;
	background:#fff4d7;
    font-weight:bold;
    width:105px;
    text-align:center;
    vertical-align:middle;
}
table.nrmtbl tr td{
    border:solid 1px #333;
	color:#333333;
    font-weight:normal;
    width:370px;
    padding:10px 10px 10px 10px;
    text-align:left;
    vertical-align:middle;
}


/* ins-s */
.voice{
	padding: 8px;
	background-color: #ffffcc;
	border: 1px solid #CC0000;
}

h1 {
    font-size: 7pt;
    color: #6886D7;
    text-align: center;

}

div#hd-top1 h2 {
    font-size: 26pt;
    color: #6886D7;
    text-shadow: 2px 2px 1px #555555;
}

h2.lo a:hover{
	color:#ff1493;
	text-shadow: 1px 1px 3px #505050;
}

/* ins-e */



/*	サイドバー
================================================*/
#sidebar{float:right;overflow:hidden;width:198px;}
#links-left{display:block;width:198px;margin:2px 0 0 0;text-align:left;font-size:120%;}
.sideNavBox{clear:both;}
#sideNav{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:5px solid #234487;
	overflow:hidden;padding:10px 0 10px 5px;
	box-shadow: 0 0 3px #cccccc;
	-webkit-box-shadow: 0 0 3px #cccccc;
	-moz-box-shadow: 0 0 3px #cccccc;
}

#sideNav li{float:left;}
#sideNav li a{display:block;padding:5px;text-shadow:1px 1px 3px #cccccc;}
#sideNav li a:hover,#sideNav li.active a{text-shadow: 1px 1px 3px #cccccc;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 3px 3px #DFDFDF;
	-webkit-box-shadow: 0px 3px 3px #DFDFDF;
	-moz-box-shadow: 0px 3px 3px #DFDFDF;
}

.sidetitle{clear:left;width:178px;padding:6px 10px 6px 10px;font-weight:bold;
	border-left:5px solid #234487;text-align:left;
	box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	-moz-box-shadow: 1px 1px 3px #666;
}

.sidetitle_recomend{clear:left;width:178px;margin: 0 0 10px 0;padding:6px 10px 6px 10px;
	font-size:92%;border-left:5px solid #234487;text-align:left;
	box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	-moz-box-shadow: 1px 1px 3px #666;
}
.sidetitle_recomend p{font-size:92%;font-weight:bold;}
.sidetitle_recomend div{margin: 0 0 10px 0;}
#main-content .sidetitle, #footer .sidetitle{font-size:140%;}

/*	フッター
================================================*/
div#pagebottom{clear:both;width:780px;margin: 0 0 0 0;}
div#pagebottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

footer{padding: 10px 0px 10px 20px;z-index:100;background:#eee;opacity:.8;
/*
	box-shadow: inset 0 5px 10px #404080;
	-webkit-box-shadow: inset 0 5px 10px #404080;
	-moz-box-shadow: inset 0 5px 10px #404080;
*/
}
footer div.info{border:solid #d5d5d5 1px;border-top:none;border-bottom:none;line-height:50px;text-align:center}
footer div.copy{padding-left:1.4em;display:inline-block;}

/*	ボタン
================================================*/
li.btn {padding:15px 0 0 22px;overflow:hidden;}
li.btn a{float:left;padding-left:5px;position:relative;z-index:100;text-decoration:none;color:#000;
	background:url(../img/menu-btn_left.gif) no-repeat left top;font-weight:normal;}
li.btn a:hover{text-decoration:none;color:#000;}
li.btn a span{float:left;padding:0 20px 0 15px;height:37px;
	background:url(../img/menu-btn_right.gif) no-repeat right top;line-height:37px;cursor:pointer;}
li.btn span.cfGroup{float:left;position:relative;}
li.btn span.cfGroup span.cfGM{position:absolute;top:0;left:0;z-index:10;}
li.btn span.cfGroup span.cfGLeft{float:left;padding-left:5px;
	background:url(../img/menu-btn_left.gif) no-repeat left -37px;text-decoration:none;font-weight:normal;}
li.btn span.cfGroup span.cfGLeft span.cfGRight{float:left;padding:0 20px 0 15px;height:37px;
	background:url(../img/menu-btn_right.gif) no-repeat right -37px;line-height:37px;}

/*	ページトップ
================================================*/
div#pageTop{position:fixed;bottom:50px;right:10px;}

/**************************************************/
span.bubble1{width:400px;height:50px;font-weight:bold;padding:20px 0 0 30px;float:left;background:url(../img/illust/bubble1.png) no-repeat left;}
span.bubble2{width:400px;height:100px;font-weight:bold;padding:30px 0 0 50px;float:left;background:url(../img/illust/bubble2.png) no-repeat left;}

div.scroll-box{overflow:scroll;width:520px;height:200px;background-color:#efefcf;}
div.scroll-box p{color:#006633;font-size:.8em;padding:10px;margin:0;}

div#company_box{
	width:508px;
	margin:0 auto;
}

div#company_box table{
	border-collapse:collapse;
	width:100%;
}

div#company_box table th,
div#company_box table td{
	padding:7px;
	vertical-align:top;
	text-align:left;
	border: 1px solid #cccccc;
}

div#company_box table th{
	background-color:#fffceb;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #ff6600;
	width:5em;
	font-weight:normal;
}

div#company_box table td dl{
	width:100%;
	margin:0;
	padding:0;
}

div#company_box table td dt{
	width:6.5em;
	display:block;
	float:left;
}

div#company_box table td dd{
	margin-left:6.5em;
	display:block;
}

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

.clearfix { 
	display: inline-block; 
}