@charset "utf-8";

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

*/


/* -----------------------　基本設定 */
* {margin: 0;padding: 0;}
body
{color: #333333;font-size:13px;line-height: 1.4;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
table{border-collapse: collapse;border-spacing: 0;}
* html body {/* for IE6 */font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

body {background: url(img/bg_body.png) 50% 0 repeat-y;}
/*
html{background: url(img/bg.png) 50% 0 repeat;}
*/
img{border:0;}
a:link {
color:#0066cc;
text-decoration: none;
}
a:visited {
color:#0066cc;
text-decoration: none;
}
a:hover {
color:#993333;
text-decoration: underline;
}
a:active {
color:#0066cc;
text-decoration: none;
}

/* -----------------------　フォントサイズ */
.bold{font-weight:bold;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f18{font-size:18px;}

/* -----------------------　フォント色・装飾 */
.red{color:#cc0000;}
.green{color:#009900;}
.orange{color:#ffa500;}
.gray{color:#666666;}
.blue{color:#30F;}

.underline{border-bottom:#999999 1px solid;}
.underline-red{border-bottom:#cc0000 1px solid;}

.pagetop{
font-size:11px;
text-align:right;
margin:30px 20px 30px 10px;
padding:10px 10px 0 0;
border-top:#dcdcdc 1px solid;
}

/* ----------------------- */
.bread{margin:0 0 10px 0;}

/* -----------------------　マージン */
.m-r-20{margin-right:20px;}
.m-r-30{margin-right:30px;}

/* -----------------------　位置・画像回り込み */
.center{text-align:center;}

.img-right {
float: right;
margin: 0 10px 0 10px;
}

.img-right2 {
float: right;
margin: 0 20px 0 10px;
}

.img-left {
float: left;
margin: 0 10px 0 0;
}

.img-left2 {
float: left;
margin: 0 20px 0 0;
}

.box-img
{
float:left;
width:180px;
margin:0 0 15px 10px;
padding:0;
font-size:12px;
}


/* -----------------------　ヘッダー */
#header {width: 860px;margin: 0 auto;}

#header #logo {
clear: both;
float: left;
margin: 15px 0 10px 5px;
}

.header-top {
width: 870px;
height:20px;
margin: 0 auto;
background:#0066cc;
}

.header-top h1 {
font-size: 12px;
float: left;
font-weight: normal;
margin: 2px 0 0 15px;
color:#fff;
}

.sns{
float:right;
margin:10px 10px 0 0;
}

/* -----------------------　ヘッダー部分のナビ */
#header #head-navi {
float: right;
text-align: right;
padding: 15px 5px 0 0;
}

#header #head-navi li {
list-style-type: none;
font-size:12px;
margin-right: 13px;
padding:0 0 0 15px;
display: inline;
background: url(img/list2.gif) no-repeat 0 50%;
}

/* -----------------------　グローバルメニュー */
* html #g-menu {height: 1%;}

#g-menu {clear: both;overflow: hidden;}

#g-menu-area {
width: 860px;
margin: 0 auto;
overflow: hidden;
background: url(img/bg_g-menu.png) no-repeat 50% 12px;
}

#g-menu li {
float: left;
text-align: center;
padding-top:12px;
list-style:none;
}

#g-menu li a:link,
#g-menu li a:visited,
#g-menu li a:active
{
font-size: 14px;
text-decoration:none;
display:block;
width: 172px;
height: 42px;
padding-top: 6px;
}
#g-menu a.on{color:#993333;font-weight:bold;}

#g-menu span {
color:#999999;
font-size: 10px;
}

/* -----------------------　TOPページ イメージパネル部分 */
#main-img {
background: url(img/main-top.jpg) no-repeat;
margin: 10px auto;
padding:0;
width:850px;
height:150px;
}

#main-img p.text1{
margin-left:20px;
padding:15px 20px 0 0;
font-size:30px;
font-weight:bold;
}

#main-img p.text2{
margin-left:20px;
padding:0 20px 0 0;
font-size:17px;
font-weight:bold;
}

#main-img p{
margin-left:20px;
padding:0 20px 0 0;
font-size:13px;
font-weight:normal;
}

/* -----------------------　contents */
#contents {
width: 860px;
margin: 20px auto 0 auto;
text-align: left;
}

/* -----------------------　main */
#main {
float: right;
width: 600px;
padding-right:5px;
overflow:hidden;
}

#main p{
padding: 0 10px 15px 10px;
font-size:13px;
letter-spacing:0.5px;
}

#main h2{
color: #000;
font-size: 18px;
font-weight: normal;
letter-spacing:1px;
background: url(img/bg_h2.png) repeat-y;
padding: 5px 10px 5px 20px;
margin:0 0 15px 0;
}

#main h3{
color: #000;
font-size: 14px;
font-weight: normal;
margin:20px 20px 15px 10px;
border-bottom:#dcdcdc 1px solid;
}

#main ol{margin:10px 25px 20px 35px;}
#main ol li{margin:0 0 10px 0;}

#main ul{margin:0 15px 10px 10px;}
#main ul li{
list-style-type: none;
padding: 2px 0 2px 12px;
background: url(img/list.png) no-repeat 0 50%;
margin: 0;
}


/* -----------------------　フロート */
.right {
float: right;
}
.left {
float: left;
}


/* -----------------------　テーブル１ */
table#t-01 {
margin:5px 0 10px 10px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0; 
}

table#t-01 th {
padding: 3px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
background: #F0F8FF;
font-weight: normal;
line-height: 120%;
text-align: left;
}
table#t-01 td {
padding: 3px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
text-align: left;
}

#table_01{
	display:table;
}


/* -----------------------　サイドバー（左） */
#side {
float: left;
width: 230px;
margin-left:5px;
}

#side h4{
width: 230px;
font-size: 14px;
color: #000;
margin:0 0 10px 0;
padding: 5px 0 5px 15px;
font-weight: normal;
background: url(img/bg_side-h4.png) no-repeat;
}

#side ul {
margin: -10px 0 2px;
font-size: 12px;
margin: -5px 0 20px 0;
padding: 5px 10px 10px 10px;
}

#side ul li{
list-style-type: none;
font-size:13px;
letter-spacing:1px;
margin: 5px 0 5px;
padding: 6px 0 5px 10px;
background: url(img/list-sq.png) no-repeat 0 50%;
border-bottom: dashed #dcdcdc 1px;
}

#side ul li a{display:block;}
#side img{margin: 0 0 15px 0;}

/* -----------------------　フッター */
#footer {
clear: both;
margin:15px 0 0 0;
}

#footer ul a{color:#0066cc;}

#footer .copy {
width: 860px;
margin: 0 auto;
background:#0066cc;
text-align: center;
padding: 5px;
font-size:12px;
color:#fff;
}
#footer a.title{color:#fff;}

#footer-space {
width: 850px;
padding:15px 10px;
margin: 0 auto;
background: #fff;
border-top:#dcdcdc 1px solid;
}

#footer-space ul {
text-align: center;
padding: 10px 0 0 0;
}

#footer-space ul li{
display: inline;
border-right: solid 1px #d9e1b3;
padding: 0 10px 0 10px;
}
#footer-space ul li.end {
display: inline;
border: none;
padding: 0 10px 0 10px;
}

#footer-space h3 {
font-weight: normal;
}

.credit{
width:880px;
background: url(img/bg.png) repeat;
text-align:right;
margin: 0 auto;
padding:20px 10px 0 0;
font-size:9px;
color:#999999;
}
.credit a{color:#999999;}

/* -----------------------　clearfix */

.clear{clear:both;}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; 
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */