@charset "utf-8";

/*========================

全ページ共通

========================*/

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

基本設定

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

html {
    overflow-y:scroll;
    }

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

form {
	margin:0;
	padding:0;
	}

strong {
	font-weight:normal;
	}

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

フォント

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

.red{
color:#DB0909;
}

.white{
color:#FFF;
}

.red_b{
color:#DB0909;
font-weight: bold;
}

.font_b {
font-weight: bold;
}

.font_10 {
font-size:77%;
}

.font_11 {
font-size:85%;
}

.font_12 {
font-size:92%;
}

.font_14 {
font-size:107%;
}

.font_14b {
font-size:107%;
font-weight:bold;
}

.font_15 {
font-size:115%;
}

.font_16 {
font-size:122%;
}

.font_16b {
font-size:122%;
font-weight:bold;
}

.font_18b {
font-size:136%;
font-weight:bold;
}

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

ベース

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

body {
	margin:0;
	padding:0;
	color: #333;
	font:13px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	*font-size:small; /* IE 7 */
	*font:x-small; /* IE 6以下 */
	background:url(../img/back.jpg) repeat-x;
	}

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

レイアウト

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

#wrap {
	width:900px;
	margin:0px auto;
	padding:0;
	}

#box {
	width:900px;
	margin:0;
	padding:0;
	}
		
#left {
	width:220px;
	margin:0;
	padding:0;
	float:left;
	}

#right {
	width:680px;
	margin:0;
	padding:0;
	float:right;
	}
	
#p_right {
	width:680px;
	margin:0 auto;
	padding:0;
	}

#content {
	width:678px;
	margin:0 0 10px;
	padding:0;
	border:1px solid #BBB;
	background:#FFF;
	}

#content2 {
	width:898px;
	margin:0 0 10px;
	padding:0;
	border:1px solid #BBB;
	background:#FFF;
	}
		
.inner {
	width:640px;
	margin:0 auto 20px;
	padding:0;
	}

.inner_left {
	width:320px;
	margin:10px 0 0;
	padding:0;
	float:left;
	}

.inner_right {
	width:320px;
	margin:10px 0 0;
	padding:0;
	float:right;
	}

#inner2 {
	width:880px;
	margin:0 auto 20px;
	padding:0;
	}
		
/*------------------------

ヘッダー

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

#head {
	width:900px;
	height:85px;
	margin:0 auto;
	padding:0;
	}

#head ul {
	margin:0;
	padding:0;
	float:right;
	}

#head ul li {
	margin:0;
    padding:0;
	list-style:none;
	float:left;
	}
	
/*------------------------

ロゴ

------------------------*/
	
#head h1 {
	margin:0;
	padding:0;
	float:left;
	}
		
/*------------------------

グローバルナビゲーション

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

#Gnavi {
    width:900px;
	height:53px;
	margin:0 0 10px;
	padding:0;	
	}
	
#Gnavi ul {
	margin:0;
	padding:0;
	display:block;
	}

#Gnavi ul li {
	margin:0;
    padding:0;
	list-style:none;
	float:left;
	}

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

タイトル

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

#title {
	margin:0 0 10px;
	padding:0;
	}

#title2 {
	margin:0 0 10px;
	padding:0;
	}
	
.title3 {
	margin:0 0 10px 10px;
	padding:0;
	}
		
/*------------------------

パンくず

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

#bread {
	width:870px;
	margin:10px auto 10px;
	padding:4px;
	font-size:85%;
	text-indent:10px;
	background:#F9F9F9;
	}
	
#bread2 {
	width:660px;
	margin:10px auto 10px;
	padding:4px;
	font-size:85%;
	text-indent:10px;
	background:#F9F9F9;
	}
			
/*------------------------

バー

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

h3.short{
    width:660px;
	height:34px;
	margin:0 0 10px 10px;
	padding:0;
	font-size:113%;
	line-height:36px;
	text-indent:15px;
	font-weight:bold;
	background: url(../img/bar.gif) no-repeat;
	}
	
h3.long{
    width:880px;
	height:34px;
	margin:0 0 10px 10px;
	padding:0;
	font-size:107%;
	line-height:36px;
	text-indent:15px;
	font-weight:bold;
	background: url(../img/bar_long.gif) no-repeat;
	}
	
h4{
    width:640px;
	height:28px;
	margin:0 auto;
	padding:0;
	font-size:107%;
	line-height:24px;
	text-indent:5px;
	font-weight:bold;
	background: url(../img/h4.gif) no-repeat;
	}

h5{
    width:640px;
	height:50px;
	margin:0 auto;
	padding:0 0 0 5px;
	font-size:107%;
	line-height:22px;
	font-weight:bold;
	background: url(../img/h5.gif) no-repeat;
	}
	
/*------------------------

画像

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

p.imgstyle {margin: 0px; border: 0px; padding: 0px; font-size: 0px;}

.photo{
	width:640px;
	margin:10px auto 15px;
	padding:0;
	}
	
.photo2{
	width:640px;
	margin:10px auto;
	padding:0;
	}

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

テキスト

------------------------*/
	
.text{
	width:640px;
	margin:0 auto;
	padding:0;
	}
	
.text2{
	width:860px;
	margin:0 auto;
	padding:0;
	}
	
.text4{
	width:295px;
	margin:7px 0 0 5px;
	padding:0;
	}
	
.text4_2{
	width:315px;
	margin:7px 0 0 5px;
	padding:0;
	}
	
.text5{
	width:640px;
	margin:0 auto 10px;
	padding:0;
	}
	
.text6{
	width:640px;
	margin:5px auto 5px;
	padding:0;
	}
	
.text7{
	width:640px;
	margin:5px auto 20px;
	padding:0;
	}

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

サブメニュー

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

#sub_menu {
	width:210px;
	margin:0;
	padding:0;
	}

#sub_menu ul {
	margin:0;
	padding:0;
	display:block;
	}
	
#sub_menu ul li{
	margin:0;
	padding:0;
	list-style: none;
	float: left;
	}
	
/*------------------------

リンク

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

a:link {
	color:#43a5cb;
    text-decoration: underline;
	}

a:visited {
	color:#43a5cb;
    text-decoration: underline;
	}

a:hover {
	color:#ff3300;
    text-decoration: underline;
	}

a:active {
	color:#ff3300;
    text-decoration: underline;
	}
	
/*------------------------

ページトップ

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

.pagetop {
	width:660px;
	margin:0 0 10px;
	padding:0;
	}

.pagetop img{
	margin:0;
	padding:0;
	float:right;
	}
		
.pagetop2 {
	width:880px;
	margin:0;
	padding:0;
	}
	
.pagetop2 img{
	margin:0 0 10px;
	padding:0;
	float:right;
	}
	
/*-----------------------------------------

フッター

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

footer{
	width:900px;
	margin:0 auto;
	padding:0;
		}
	
address{
	font-size:92%;
	text-align:center;
	}
	
/*-----------------------------------------

PDFダウンロード

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

.pdf{
	text-align:right;
	}
	
.pdf img{
	vertical-align:-0.2em;
	margin: 0 5px 0 0;
	}
	
/*-----------------------------------------

float 解除

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

/*IE7以外のモダンブラウザ向け*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:1px;
	}

/*IE7およびMacIE5向け*/
.clearfix{
	display:inline-block;
	}

/*Hides from IE-mac\*/
* html .clearfix{
	height:1%;
	}
	
/*End hide from IE-mac*/ /*IE6以前向け*/
.clearfix{
	display:block;
	}
	
/*DWデザインビュー向け　公開時には削除*/
.clearfix{
    overflow:hidden;
	}*/