* { margin: 0; padding: 0; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, メイリオ,平成角ゴシック; line-height: 140%; }
﻿body { color: #262626; font-size: 12px; line-height: 150%; background-image: url(../images/body_back.gif); background-position: center 0; margin: 0 auto; text-align: center; }
p { margin: 0; padding: 0; }
a:link { color: #3486bf; text-decoration: underline; }

a:visited { color: #535353; text-decoration: underline; }

a:active { color: #878787; text-decoration: underline; }

a:hover { color: #155286; text-decoration: none; }
h1, h2, h3 { font-size: 12px; margin: 0; padding: 0; font-weight: normal; }
td { font-size: 12px; }
img { margin: 0; padding: 0; border-width: 0; }
#back { background-image: url(../images/body_back.gif); }
#back2 { background-image: url(../images/back.gif); background-repeat: repeat-y; background-position: center 0; }
#container { font-size: 11px; line-height: 140%; background-color: #fff; background-repeat: repeat-x; margin-right: auto; margin-left: auto; text-align: left; width: 700px; padding: 0 25px 15px; }
#header  { background-color: #fff; background-repeat: no-repeat; margin: 0; padding: 0; }

#header a { color: #535353; text-decoration: none; border-style: none; }

#header h1 { color: #878787; font-size: 10px; visibility: visible; margin: 0; padding: 0; }

#header h2 {}
#header p { margin: 0; padding: 0 0 5px; }




/*グローバルナビゲーション
---------------------------------------------*/
#menu { background-image: url(../images/menu_back.gif); background-repeat: repeat-x; width: 700px; float: none; clear: both; margin: 0; padding: 0; }
#globalNav { background-position: left top; width: 700px; height: 27px; overflow: hidden; margin: 0; list-style-type: none; }
#globalNav ul { margin: 0; padding: 0; }
#globalNav li {
	float: left;

}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:27px;
	padding-top: 27px;
	background-image: url(../images/global_nav2.gif);
	color: #FFFFFF;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* サイズ */
	#nav01 { width: 94px; }
	#nav02 { width: 120px; }
	#nav03 { width: 107px; }
	#nav04 { width: 115px; }
	#nav05 { width: 108px; }
	#nav06 { width: 156px; }

	
	
	/* 通常 */
	#nav01 a { background-position:  0 0; }
	#nav02 a { background-position: -94px  0; }
	#nav03 a { background-position: -215px 0; }
	#nav04 a { background-position: -327px 0; }
	#nav05 a { background-position: -442px 0; }
	#nav06 a { background-position: -550px 0; }

/* オンマウス */
	#nav01 a:hover { background-position:  0     -27px; }
	#nav02 a:hover { background-position: -94px  -27px; }
	#nav03 a:hover { background-position: -215px -27px; }
	#nav04 a:hover { background-position: -327px -27px; }
	#nav05 a:hover { background-position: -442px -27px; }
	#nav06 a:hover { background-position: -550px -27px; }






#main { color: #000; font-size: 12px; background-image: url(../images/back4.gif); background-repeat: repeat-y; width: 700px; margin: 15px 0 0; padding: 0 0 0; }
#topba { width: 700px; height: 285px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; }
#topba h2 { margin: 0; padding: 285px 0 0; }
.top1 { background-image: url(../images/toppicture.jpg); margin: 0; padding: 0; }
.top2 { background-image: url(../images/toppicture2.jpg); margin: 0; padding: 0; }
.top3 { background-image: url(../images/toppicture3.jpg); margin: 0; padding: 0; }
.top4 { background-image: url(../images/toppicture4.jpg); margin: 0; padding: 0; }
.top5 { background-image: url(../images/toppicture5.jpg); margin: 0; padding: 0; }
.top6 { background-image: url(../images/toppicture6.jpg); margin: 0; padding: 0; }
#pan { font-size: 11px; background-color: #fff; margin: 0; padding: 2px; }
#pan a { color: #535353; text-decoration: underline; }
#pan a:hover { color: #3986bf; font-size: 12px; text-decoration: underline; }
#center { width: 500px; float: left; overflow: hidden; margin: 0; padding: 0; }
.content { color: #262626; font-size: 12px; width: 500px; overflow: hidden; margin: 0; padding: 0 10px 10px; }
.content p {
	margin: 0;
	padding: 5px;
  }
.content h2  { color: #000; font-size: 12px; font-weight: bold; background-image: url(../images/back_h2.gif); background-repeat: no-repeat; margin: 0 0 10px; padding: 0 0 0 90px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.content h3 { color: #262626; font-size: 13px; font-weight: bold; background-image: url(../images/back_h3.gif); background-repeat: no-repeat; margin: 20px 0 10px; padding: 3px 5px 3px 10px; border-left: 5px solid #b92129; }
.topimage { float: left; }
.content h4 { color: #820009; font-size: 12px; font-weight: bold; margin: 20px 0 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #f65013; border-bottom: 1px dotted #f65013; }

.con { padding-bottom: 20px; }
#right { background-color: #fff; background-image: url(../images/back3.gif); background-repeat: repeat; width: 190px; overflow: hidden; float: right; margin: 0; padding: 0; }
#right p { padding: 5px 2px; }
#right h2 { font-size: 12px; text-align: center; }
.sidebar { font-size: 11px; margin: 0; padding: 10px 15px 20px; }

.sidebar h2 { font-size: 12px; font-weight: bold; visibility: hidden; }
  
.sidebar ul { color: #262626; margin: 0 0 15px; padding: 0 0 5px 2px; }

.sidebar li { background-image: url(../images/icon4.gif); background-repeat: no-repeat; margin-top: 5px; padding-top: 0; padding-left: 18px; border-bottom: 1px dotted #c1c1c1; list-style-type: none; }
.sidebar a { color: #262626; text-decoration: none; display: block; }
.sidebar a:hover { color: #3486bf; }
#footer { color: #fff; font-size: 11px; background-image: url(../images/footer.gif); background-repeat: no-repeat; float: none; clear: both; margin: 0; padding: 27px 5px 10px 60px; }
.footer { color: #fff; font-size: 11px; text-align: center; float: none; clear: both; margin: 0; padding: 10px 5px 5px; }
.line { color: #fff; font-size: 12px; text-align: center; border-bottom: 1px solid #fff; }
.line1 { padding-left: 8px; border-color: #c1c1c1 #c1c1c1 #c1c1c1 #b92129; border-style: solid; border-width: 1px 1px 1px 3px; }
.line2 { padding-left: 8px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-left: 3px solid #b92129; }
.line4 { padding-left: 8px; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.line3 { padding-left: 8px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.line5 { border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; border-left: 3px solid #f88715; }
.ma { margin: 0; padding: 10px 0; }
.ma a:hover { position: relative; top: 1px; left: 1px; }
.ma2 {  }
.ma2 a:hover { position: relative; top: 1px; left: 1px; }
textarea { font-size: 12px; font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, verdana, arial, sans-serif; }
.icon2 { background-image: url(../images/icon3.gif); background-repeat: no-repeat; margin: 0; padding: 2px 10px 2px 18px; }
.icon6 { background-image: url(../images/icon6.gif); background-repeat: no-repeat; padding-right: 15px; padding-left: 18px; }
.icon7 { color: #155286; font-size: 13px; font-weight: bold; background-image: url(../images/icon7.gif); background-repeat: no-repeat; margin-bottom: 10px; padding: 12px 0 12px 70px; }
.icon8 { color: #b9000d; font-size: 14px; font-weight: bold; background-image: url(../images/icon8.gif); background-repeat: no-repeat; margin-bottom: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 70px; }
.tb { color: #eaeaea; }
.tb2 { color: #fff; background-color: #878787; }
.an { background-image: url(../images/a.gif); background-repeat: no-repeat; margin: 0; padding: 5px 0 0 35px; }
.qu { background-image: url(../images/q.gif); background-repeat: no-repeat; margin: 0; padding: 5px 0 0 35px; border-top: 1px dotted #c1c1c1; }
.prof { background-image: url(../images/prof.gif); background-repeat: no-repeat; margin: 0; padding: 60px 8px 8px; border-top: 1px solid #c1c1c1; }
.prof2 { background-image: url(../images/prof2.gif); background-repeat: no-repeat; margin: 0; padding: 30px 8px 8px; border-top: 1px solid #c1c1c1; }
.moji { margin-top: 5px; margin-bottom: 5px; padding: 10px 0 10px 0; }
.moji1 { color: #b92129; }
.moji2 { color: #b92129; font-size: 16px; font-weight: bolder; }
.photo { float: left; margin: 0; padding: 0; border: solid 1px #c1c1c1; }
.photo2 { float: right; margin: 0; padding: 0; border: solid 1px #c1c1c1; }
.photo3 { margin: 5px 10px 10px; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */

