@charset "utf-8";

/* 散骨新バージョン */

/* 散骨バナーカラー　濃い青：082a33 薄い青：d7dfe4 d7dfe4*/


body {
	margin-top	: 0px;
	background	: #d7dfe4; /* 背景カラー */
	border-top	: 5px solid #082a33;  /* 濃い青　 */
	color		: #444; /* #333; */
	font-size	: 12px;
	font-family	: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","sans-serif"; 
	behavior: url("css/csshover3/csshover3.htc") 
	behavior: url("css/csshover3/csshover3-source.htc") 
}

img {
    border-style:none;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background:#fff;
	text-align: left;
}

#header {
	background-color: #fff;
	height: 180px;
}

/* トップ画像処理
----------------------------------------------- */
.top {
	border-top	: 5px solid #082a33;
	margin-top:-5px;
	height: 180px;
	background-image: url("../img/top_940.jpg");  /* トップ画像を指定 */
	background-repeat: no-repeat;
 	background-position: center top;
}

/* branding トップ画像処理
----------------------------------------------- */
h1 a {
	font-weight	:normal;
	color		:#ffffff; /* #898989; */
	text-decoration: none;
	padding-right:20px;
}

h1#branding {
	font-weight	:normal;
	font-size	:10px; 
	margin-bottom	:0;
	text-align: right!important;
}



#navigation　{
	width: 940px;
}

#subtitle {
	clear:both;
	width: 940px;
}

h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 0 10px;
	border-bottom:1px solid #082a33;
}

.top_pic4 {
	float:left;
	/* clear:both; */
	width: 220px;
	margin:0 10px 10px 10px;
}

*html body div .top_pic4 {
	/* float:left; */
	width: 220px;
	margin:0 0px 10px 10px;
}

.box_pic {
	background:#ffffff;
	margin-bottom:-10px;

}

*html body div .box_pic {
	background:#ffffff;
	/* margin-bottom:-10px; */
}

.box_pic h3 {
	font-size:1em;
	font-weight:normal;
	color:#fff;
	background:#082a33;
	padding:6px 12px;
}

.block_pic {
	/* padding-top:-10px; */
	/* background-color: #082a33; */ 
}

.block_pic img {
	margin-top: -12px;
}

/*
.block_pic #a001 {
	background-image: url('../img/button_off.gif');
	background-repeat: no-repeat;
	width:220px;
	height: 75px;
}

.block_pic #a001 a:hover {
	background-image: url('../img/button_on.gif');
	background-repeat: no-repeat;
	width:220px;
	height: 75px;
}
*/



/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
	width:940px;
 	margin: auto;
	background:#082a33;
  	height:2.5em;
}


*html body div#navigation ul.nav {
	width:940px;
 	margin-left: 10px;
	background:#082a33;
  	height:2.5em;
}

*html body div#navigation ul.nav * {
	margin-left:auto;
	margin-right:auto;
}


*html body div#navigation ul.navi {
	width:940px;
	background:#082a33;
  	height:2.5em;
	/* margin-left:20px; */
}

ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}

ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	background:#082a33;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#082a33;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#082a33; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#082a33; background:#fff;}

ul.nav li.current a {color:#082a33; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#082a33 /* #444 */; background:#ccc; font-weight:normal;}
/* 082a33 */
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#082a33; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background:#082a33;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:#fff;
	background:#082a33;
}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #444;
  background:#444;
}
ul.main li a:focus {color:#fff; background:#082a33;}
ul.main li ul li a:hover {
  color:#fff;
  background:#d7dfe4;
}
ul.main li:hover a {
  color:#4c2d0f; /* fff→4c2d0fに変更 */
  background:#d7dfe4;
}
ul.main li:hover ul li a {color:#4c2d0f;} /* fff→4c2d0fに変更 */
ul.main li:hover ul li a:hover {color:#fff; background:#082a33;} /* fff→4c2d0fに変更 */
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#4c2d0f; background:#222;} /* fff→4c2d0fに変更 */


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  	font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#082a33;
}
ul.nav li.secondary:hover a:hover {
	background:#d7dfe4;
}
ul.nav li.secondary:hover a:active {background:#444;}

/*-------------------------------------------------------------------------------------------------------- ここまで　ヘッダー処理 --------*/

#container {
	position: relative;
	width: 100%; 
}

#primary {
	clear:both;
	float:left;
	width:640px;
	background-color: #fff;
	/* background-position: 99% 50%; */
}

/* boxes
----------------------------------------------- */
.box {
	background:#ffffff;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}

.box2 {
	clear:both;
	background:#ffffff;
	margin-bottom:20px!important;
	padding:10px 10px 1px 10px;
}

.box2 h3,
.box2 h2,
.box h3,
.box h2 {
	font-size:1em;
	font-weight:normal;
	color:#fff;
	font-weight: bold;
	background:#082a33;
	/* margin:-10px -10px 0 0; */
	padding:6px 12px;
}


.box2 .block p,
.box .block p {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 18px;
	margin:0;
	color:#696969; /* 文字色灰色　*/
	font-size:12px;
	background-color: #fff;
}

.box2 .block ul li,
.box .block ul li {
	list-style-type:none; /* ●点を消すためのコード */
	padding-left: 20px;
	line-height: 18px;
	margin:0;
	color:#696969; /* 文字色灰色　*/
	font-size:12px;
	background-color: #fff;
}

.box2 .block ol li,
.box .block ol li {
	/* list-style-type:none; */
	padding-left: 20px;
	line-height: 18px;
	margin:0;
	color:#696969; /* 文字色灰色　*/
	font-size:12px;
	background-color: #fff;
}


.box_pic {
	background:#ffffff;
	margin-bottom:20px;
}

.box_pic h2 {
	font-size:1em;
	font-weight:normal;
	color:#fff;
	font-weight: bold;
	background:#082a33;
	padding:6px 12px; 
}
.block_pic {
	padding-top:0px;
}



.block {
	padding-top:10px;
}

.box .block dl {
	padding-left: 20px;
	/* font-size:14px; */
	/* color:#green; */
	/* padding-top:10px; */
}
.box .block dt {
	/* padding-left: 20px; */
	font-size:14px;
	color:#green;
	padding-top:10px;
}
	
.box .block dd {
	font-size:12px;
	line-height:1.4;
	padding-top:5px;
	color:#696969; /* 文字色灰色　*/
}

.nagare {
	float: center;
	width: 560px;
	margin:1px 0 0 20px;
	padding: 10px 10px 10px 10px;
	border-top: 	1px solid #1d2088;
	border-right: 	1px solid #1d2088;
	border-left: 	1px solid #1d2088;
	border-bottom: 	1px solid #1d2088;
	background: #f0f0fb; 
	color: #246;
}

div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}

/*　囲い込みボックス　写真あり
--------------------------------------------------- */

/*main_box*/

.main_box {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right : 1px solid #DDDDDD;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 3px;
}

.main_box dt {
	float: left;
	padding: 0 10px 0 0;
}
.main_box dd {
	font-size:13px;
}
.main_box dd a {
	/* background:url(images/mark_s.gif) no-repeat left center; */
	padding:0 0 0 10px;
}
.main_box .main_box_detail {
	margin: 2px 0 2px;
	color:#666666;
	font-size:11px;
}

.main_box .main_box_txt {
	color:#999999;
	font-size:8px;
	line-height:1;
}

.main_box .main_box_detail .detail_txt {
	float: left;
	color:#999999;
}
.main_box .main_box_btn {
	text-align:right;
}

/*
.main_box .main_box_txt a {
	background:none;
	padding:0;
}
*/

.box a {
	font-weight: bold;
	/* margin:5px 5px; */
	color: #082a33;
	text-decoration: none;
}
.box a:hover{
	font-weight: bold;
	/* margin:5px 5px; */
	color: #ff8000;
	text-decoration: none;
}

.main_box .fqa {
	border-bottom-style: dotted;
	
}


/*main_box_last*/

.main_box.lastChild {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right : 1px solid #DDDDDD;
	padding: 5px 5px 5px 5px;
	margin: 0 0 20px 3px;
}


/*main_box_l*/

.main_box_l {
	clear: both;
	background-image: url(images/box_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 674px;
	height: 204px;
	padding: 10px 0 0 13px;
}

.main_box_l .main_box_l_ttl {
	width: 661px;
	height: 44px;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
	color: #1A0905;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	vertical-align:middle;
	padding: 14px 0 0 28px;
}

.main_box_l .main_box_l_contents {
	float: left;
	padding: 0 15px 0 0;
}

.main_box_l .main_box_l_contents dt {
	margin: 0 0 10px 0;
}

.main_box_l .main_box_l_contents dd {
	background-image: url(images/mark.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 15px;
}

.main_box_l a:link 	{ color: #622524; text-decoration: underline; }
.main_box_l a:visited 	{ color: #622524; text-decoration: underline; }
.main_box_l a:active 	{ color: #622524; text-decoration: underline; }
.main_box_l a:hover 	{ color: #037ECE; text-decoration: underline; }


.bc1 {
	width: 610px;
	margin-left:	5px;
	/* table-layout: fixed; */
	border-collapse: collapse;
	font-size: 100%;
}

.bc2 {
	width: 530px;
	margin-left:	5px;
	/* table-layout: fixed; */
	border-collapse: collapse;
	font-size: 100%;
}

.bc2 td,
.bc1 td {
	padding:0.4em 1em;
	border-top: 	1px solid #082a33;
	border-bottom: 	1px solid #082a33;
	border-left: 	1px solid #082a33;
	border-right: 	1px solid #082a33;
}

.bc2 th,
.bc1 th {
	background: #d7dfe4;
	color: #082a33;
	padding:0.4em 1em;
	border-top: 	1px solid #082a33;
	border-bottom: 	1px solid #082a33;
	border-left: 	1px solid #082a33;
	border-right: 	1px solid #082a33;
}

th.currency,
td.currency {
	text-align:right;
}

/*-------------------------------------------------------------------------------------------------------- ここまで　メインボックス　処理 --------*/


#sub {
	margin-top	:20px;
	float		:right;
	width		:310px;
	background-color:#fff;
}

/* 左側部分のサブメニューの設定 */
#sub #left_menu{
	width: 300px;
	float: left;
	margin: 0px;
	text-align: center;
	background: #fff;
}

#sub #left_menu .sub_header {
	background	: #082a33; 
	text-align	: left;
	height		: 17px;
	width		: 290px;
	padding-left	: 10px;
	padding-top	: 7px;
	font-size	: 12px;
	font-weight	: bold;
	color		: #fff;
	float		: left;
	margin-bottom	: 5px;
}

#sub #left_menu ul{
	list-style:none;
	text-align:left;
	text-indent:1em;
	padding:0px;
	margin:0px;
}

#sub #left_menu ul li {
	background: #fff; 
	text-align: left;
	float: left;
	height: 17px;
	width: 295px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	font-weight: bold;
	color: #082a33;
	border-top: 	1px solid #d7dfe4;
	border-bottom: 	1px solid #d7dfe4;
	border-left: 	1px solid #d7dfe4;
	border-right: 	1px solid #d7dfe4;
	list-style-type: none; /* ul の・を削除する為 */
}

#sub #left_menu ul li a{
	font-size: 12px;
	font-weight: bold;
	color: #082a33;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 280px;
}
#sub #left_menu ul li a:hover{
	/* background: #082a33;  */
	font-size: 12px;
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
}

/* articles
----------------------------------------------- */
.articles {
	padding:0;
	width:295px;
	margin-top: 20px!important; 
}
.articles h3 {
	/* margin:0; */
	background	: #082a33; 
	text-align	: left;
	height		: 17px;
	width		: 290px;
	padding-left	: 10px;
	padding-top	: 7px;
	font-size	: 12px;
	font-weight	: bold;
	color		: #fff;
	float		: left;
	margin-bottom	: 5px;
}
.articles h4 {
	font-size: 16px;
	font-weight: bold;
}

.articles h4 a{
	color: #082a33;
	text-decoration: none;
}

.articles h4 a:hover{
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
}


#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}

.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}


.article h4 {
	font-size:1.5em;
	/* text-transform:uppercase; */
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #d7dfe4;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #082a33;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}

.article p {
	line-height: 18px;
	margin:0 0 10px 0;
	color:#696969; /* 文字色灰色　*/
	font-size:12px;
	background-color: #fff;
	
}

.article a {
	font-weight: bold;
	color: #082a33;
	text-decoration: none;
}
.articles a:hover{
	font-weight: bold;
	color: #ff8000;
	text-decoration: none;
}
	


#footer {
	clear:both;
	margin:0 10px 10px 10px;
	background-color: #082a33;
	height: 70px;
}

#footer p {
	padding-top: 20px;
	color: #fff;
	/* border-bottom: 8px solid #fff; 濃い茶色　*/
}

#footer .address {
	margin-right:10px;
}

.box3 {
	/* font-family: Georgia, 'Times New Roman', serif; */
	clear:both;
	margin-left:35px;
	padding-left:2em;
	border-left:4px solid #ccc;
}

.box3 p {
	width: 550px;
	color:#696969; /* 文字色灰色　*/
	line-height:1.4;
}

.box3 cite {
	font-size:.9em;
}


/*-------------------------------------------------------------------------------------------------------- 以下　おきまり処理 --------*/

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/*右寄せ・センター・左寄せ
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }

/*画像と文字
-------------------------------------------------------------*/

/*--左に画像、右に文章*/

.left{
	float: left;
	margin: 0 8px 0px 0!important;
}

/*--右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 0px 8px!important;
}

.clear {
	clear          :both;
}
/*文字の色
-------------------------------------------------------------*/
.black{ color: #000!important; }
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.org{ color: #dd960f!important; }	/* オレンジ色　*/
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.win{ color: #cc0000!important; }
.blue_2 { color:#336cc8!important; }
.bu	{ color:#082a33!important; }
.white { color:#ffffff!important; }

/*--文字の大きさ*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }


/*改行　文字の間隔
-------------------------------------------------------------*/

/*--文字の上の間隔*/
.m0-t{ margin-top: 0px!important; }
.m05-t{ margin-top: 5px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }

/*--文字の下の間隔*/
.m0-b{ margin-bottom: 0px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m100-b{ margin-bottom: 100px!important; }

/* 画像の枠処理
----------------------------------------------- */
.pic_waku {
	padding		: 2px;
	border		: 1px solid #d7dfe4;
	
}

/* お問い合わせバナー
------------------------------------------------*/
#top_navi {
	margin-left:auto;
	margin-right:auto;
	width: 350px;
	height: 60px;
	clear: both;
	margin-bottom: 20px;
}

#top_navi ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#top_navi li {
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 350px;
	height: 60px;
}
#top_navi li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 60px;
}
#top_navi li a:hover {
	height: 60px;
}
#top_navi li#a001 {
	background-image: url('../img/button_off.gif');
	background-repeat: no-repeat;
	width:350px
}

#top_navi li#a001 a:hover {
	background-image: url('../img/button_on.gif');
	background-repeat: no-repeat;
	width:350px
}



/*　お問い合わせリンク
-------------------------------------------------*/

#primary .contact {
	float: left;
	margin-left:auto;
	margin-right:auto;
	width : 480px;
	height: 60px;
	padding-left: 80px;

}

#primary .contact ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#primary .contact li {
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 240px;
	height: 60px;
}

#primary .contact li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 60px;
}

#primary .contact li a:hover {
	height: 60px;
}
#primary .contact li#b001 {
	background-image: url('../img/contact.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}

#primary .contact li#b002 {
	background-image: url('../img/freedial.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}

/* onマウス時　*/
#primary .contact li#b001 a:hover {
	background-image: url('../img/contact_on.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}
/* onマウス時　*/
#primary .contact li#b002 a:hover {
	background-image: url('../img/freedial_on.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}
#primary .contact li#b003 {
	background-image: url('../img/contact.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}

#primary .contact li#b004 {
	background-image: url('../img/freedial.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}

/* onマウス時　*/
#primary .contact li#b003 a:hover {
	background-image: url('../img/contact_on.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}
/* onマウス時　*/
#primary .contact li#b004 a:hover {
	background-image: url('../img/freedial_on.jpg');
	background-repeat: no-repeat;
	width:240px;
	height:60px;
}