body { color: #535353; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 150%; background-image: url(images/back.jpg); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; }
a { text-decoration: underline; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a:link { color: #535353; text-decoration: underline; }

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

a:active { color: #878787; text-decoration: underline; }

a:hover { color: #3486bf; text-decoration: none; }
h1, h2, h3 { font-size: 12px; margin: 0; padding: 0; font-weight: normal; }
img { vertical-align: top; border-width: 0; outline-width: 0; }
td { font-size: 12px; }
#container { font-size: 12px; line-height: 140%; background-repeat: no-repeat; text-align: left; width: 820px; margin: 0 auto; padding: 0; }
#consub { margin: 0; padding: 0; }
/*ヘッダー*/
#header  { background-repeat: no-repeat; background-position: 130px 0; height: 83px; overflow: hidden; margin: 0; padding: 0; }

#header a { color: #878787; text-decoration: none; }
#header a:hover { color: #000; text-decoration: none; }
#header h1 { color: #878787; font-size: 10px; text-align: left; visibility: visible; float: left; padding-top: 25px; padding-right: 20px; padding-left: 0; }

#header h2 {}
#header p { height: 160%; float: right; padding-top: 65px; }
#topphoto { background-image: url(images/description.jpg); background-repeat: no-repeat; height: 230px; overflow: hidden; margin: 0 0 30px; padding: 0; }
#topphoto h2 { padding-top: 232px; }
#topphoto2 { background-repeat: no-repeat; margin-bottom: 22px; margin-left: 32px; padding-top: 163px; }
#menu { color: #000; font-size: 11px; width: 820px; float: none; clear: both; margin: 0; padding: 10px 0; }
#globalNav { width: 820px; height: 32px; margin: 0; padding: 0; list-style-type: none; }
#globalNav li { float: left; }
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:32px;
	padding-top: 32px;
	background-image: url(images/gnavi.jpg);
}

/* サイズ */
	#nav01 { width: 118px; }
	#nav02 { width: 145px; }
	#nav03 { width: 155px; }
	#nav04 { width: 117px; }
	#nav05 { width: 139px; }
	#nav06 { width: 146px; }


/* 現在位置 */
#nav01 a {  }
	#nav02 a { background-position: -118px  0; }
	#nav03 a { background-position: -263px 0; }
	#nav04 a { background-position: -418px 0; }
	#nav05 a { background-position: -535px 0; }
	#nav06 a { background-position: -674px 0; }
/* オンマウス */
	#nav01 a:hover { background-position: -0px     -32px; }
	#nav02 a:hover { background-position: -118px  -32px; }
	#nav03 a:hover { background-position: -263px  -32px; }
	#nav04 a:hover { background-position: -418px -32px; }
	#nav05 a:hover { background-position: -535px -32px; }
	#nav06 a:hover { background-position: -674px -32px; }
	
	
	
/*パン屑リスト*/
#pan { font-size: 11px; margin: 0; padding: 2px; }
#pan a { color: #535353; text-decoration: underline; }
#pan a:hover { color: #3986bf; font-size: 12px; text-decoration: underline; }
/*センター*/
#center { width: 555px; float: right; overflow: hidden; margin-top: 0; margin-right: 0; padding: 0 15px 15px 0; }


.content { color: #535353; font-size: 12px; background-image: url(images/co_back.gif); background-repeat: no-repeat; letter-spacing: normal; overflow: hidden; margin: 0; padding: 55px 15px 12px 45px; }
.content a { }
.content a { }
.content p {
	margin: 0;
	padding: 5px;
  }
.content h2  { color: #535353; font-size: 13px; font-weight: bold; background-image: url(images/co_h2back.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 1px 0 5px; }

.content h3 { font-size: 11px; margin: 0; padding: 0 5px; }
.content h4 { font-size: 11px; font-weight: normal; margin: 0; padding: 10px; }

.contentsub { color: #535353; font-size: 11px; background-image: url(images/co_back.gif); background-repeat: no-repeat; letter-spacing: normal; overflow: hidden; margin: 0; padding: 55px 15px 12px 45px; }
.contentsub p {
	margin: 0;
	padding: 5px;
  }
.contentsub h2  { color: #535353; font-size: 13px; font-weight: bold; background-image: url(images/co_h2back.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 8px 0 3px; padding: 3px 0 8px 8px; }

.contentsub h3 { color: #535353; font-size: 12px; background-image: url(images/back_h3.gif); background-repeat: no-repeat; margin: 8px 0 0; padding: 6px 5px 10px 38px; }
.contentsub h4 { font-size: 11px; font-weight: normal; margin: 0; padding: 10px; }
.contentsub ul { margin: 0; padding: 2px 0 5px; }
.contentsub li { background-image: url(images/icon1.gif); background-repeat: no-repeat; margin: 3px 0; padding: 0 5px 2px 18px; list-style-type: none; }
.topimage { float: left; }
.images1 { float: right; padding: 5px 2px; }
/*コンテンツメニュー部分*/
#comenu { margin: 0; padding: 0; }
#comenu a { text-decoration: none; }
.co1 { background-image: url(images/co1.gif); background-repeat: no-repeat; height: 88px; padding: 0 300px 0 56px; }
.co1 a { font-size: 10px; text-decoration: none; width: 487px; height: 88px; padding: 44px 0 5px; display: block; }
.co1 a:hover { color: #b9220d; }
.co2 { background-image: url(images/co2.gif); background-repeat: no-repeat; height: 88px; padding: 0 300px 0 56px; }
.co2 a { font-size: 10px; text-decoration: none; width: 487px; height: 88px; padding: 44px 0 5px 0; display: block; }
.co2 a:hover { color: #f88715; }

/*左サイドバー*/
#left { background-image: url(images/left_back_top.gif); background-repeat: no-repeat; width: 240px; overflow: hidden; float: left; margin: 0; padding: 20px 0 0; }
#leftbottom { background-image: url(images/left_back_bottom.gif); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 15px; }
#leftco { background-image: url(images/left_back_center.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
#left h2 { font-size: 12px; }
.sidebar { font-size: 11px; margin: 0 15px 0; padding: 0; }

.sidebar h2 { color: #535353; font-size: 12px; font-weight: normal; background-image: url(images/back_h2.gif); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 0; padding-top: 7px; padding-bottom: 12px; padding-left: 20px; }
.sidebar ul { color: #262626; margin: 0; padding: 0 5px 10px 0; }

.sidebar li { margin: 2px 0 0; padding: 0; list-style-type: none; }
.sidebar li a { background-image: url(images/icon2.gif); background-repeat: no-repeat; text-decoration: none; margin: 0; padding-top: 1px; padding-bottom: 2px; padding-left: 26px; border-bottom: 1px dotted #878787; display: block; }
.sidebar li a:hover { color: #3486bf; background-image: url(images/side_backli.gif); background-repeat: no-repeat; margin: 0; padding: 1px 0 2px 26px; }
/*バナーメニュー部分*/
.banner { margin: 0; padding: 0 0 20px 18px; }
.banner img { margin: 0; padding: 0; border: solid 1px #d5d5d5; }
.banner p { margin: 0; padding: 3px 0; }
.banner  a { margin: 0; padding: 0; }
.banner  a:hover { margin: 0; padding: 0;}
/*フッター*/
#footer { color: #878787; font-size: 11px; background-image: url(images/footer.jpg); background-repeat: repeat-x; text-align: center; width: 100%; float: none; clear: both; margin: 0 auto; padding: 50px 0 100px; }
.footer { color: #fff; font-size: 11px; text-align: right; width: 820px; margin: 10px auto; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; }
.footer a { color: #fff; }
/*その他補助*/
.line { color: #fff; font-size: 12px; text-align: center; border-bottom: 1px solid #fff; }
textarea { font-size: 12px; font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, verdana, arial, sans-serif; }
.icon1 { background-image: url(images/icon1.gif); background-repeat: no-repeat; padding: 2px 8px 0 20px; }
.icon2 { background-image: url(images/icon2.gif); background-repeat: no-repeat; padding-top: 3px; padding-bottom: 2px; padding-left: 25px; }
.icon3 { background-image: url(images/icon3.gif); background-repeat: no-repeat; padding: 2px 8px 2px 18px; }
.icon4 { background-image: url(images/icon4.gif); background-repeat: no-repeat; padding: 2px 8px 2px 18px; }
.icon5 { background-image: url(images/icon5.gif); background-repeat: no-repeat; padding: 2px 8px 2px 20px; }
.icon6 { background-image: url(images/hatenab.gif); background-repeat: no-repeat; padding-left: 18px; }
.q { color: #295507; background-image: url(images/q.gif); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 18px; padding-top: 2px; padding-bottom: 5px; padding-left: 18px; border-bottom: 1px dotted #2f8a0c; }
.anser { background-image: url(images/a.gif); background-repeat: no-repeat; margin-top: 10px; margin-bottom: 30px; padding-top: 2px; padding-bottom: 5px; padding-left: 18px; border-bottom: 1px dotted #f65013; }
.line1 { margin: 5px 0; padding: 0; border-color: #c1c1c1 #c1c1c1 #c1c1c1 #f88715; border-style: solid; border-width: 1px 1px 1px 3px; }
.line2 { margin: 5px 0; padding: 0; border-color: #c1c1c1 #c1c1c1 #c1c1c1 #328886; border-style: solid; border-width: 1px 1px 1px 3px; }
.line3 { margin: 5px 0; padding: 0; border-color: #c1c1c1 #c1c1c1 #c1c1c1 #f64f55; border-style: solid; border-width: 1px 1px 1px 3px; }
.photo { float: left; margin: 5px; padding: 5px; }
.photo1 { float: right; margin: 5px; padding: 5px; border: solid 1px #c1c1c1; }
.photo2 { float: left; margin: 5px; padding: 5px; border: solid 1px #c1c1c1; }
.moji { color: #f6502c; }
.tbback1 { background-image: url(images/tbback1.gif); background-repeat: no-repeat; margin-top: 10px; padding: 30px 20px 50px; }
.tbback2 { background-color: #c1c1c1; }
.tbback3 { color: #000; background-image: url(images/tbback2.gif); background-repeat: repeat; }
.tbback4 { background-color: #fff; }
.tbback5 { color: #fff; background-image: url(images/tbback3.gif); background-repeat: no-repeat; padding-top: 5px; padding-bottom: 10px; padding-left: 0; }
.underco { text-align: right; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
.button { color: #666666; border: solid 1px #999999; background-color : #ffffff; font-size: 9px; margin: 0 0 5px; padding: 1px 1px 0; }
.inputbox { font-size: 9px; text-align: left; color: #333333; margin: 2px 0; padding: 2px; border: solid 1px #8ac42c; }
#jisseki { margin-top: 20px; }
#jisseki h2 { color: #535353; font-size: 12px; background-image: url(images/back_h3.gif); background-repeat: no-repeat; margin: 8px 0 0; padding: 8px 5px 8px 38px; }
#jisseki img { margin: 5px 6px; border: solid 1px #c1c1c1; }
.jphoto { float: left; margin: 5px 15px 15px 0; padding: 0; border: solid 1px #d5d5d5; }
.clear { float: none; clear: both; }
/* ------------------------------
CSSハック
------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-table;zoom:1;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */