@charset "UTF-8";

html>body {
font-size: 12px;
}

* {
 margin: 0;
 padding: 0;
}

body {
 background-color: #e4e4e4;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
 font-size: 75%;/* 12px相当 */
 line-height: 130%;
 background-color: #bcd3f5;

}

img {
 border: 0px;
}

a:link {
 color: #3333cc;
 text-decoration: none;
}

a:visited {
 color: #3333cc;
 text-decoration: none;
}

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

a:active {
 color: #3333cc;
 text-decoration: none;
}

/* ====================
 *  全体設定
   ==================== */
#wrapper {
 width: 818px;
 margin: 0 auto;
}

#container {
 width: 818px;
 background: url(img/bg.jpg) repeat-y 0 0;
}

#header {
 width: 808px;
 background: url(img/head_bg.jpg) no-repeat 100% 100% #3f6bd6;
 margin: 0 0 0 5px;
}

#navigation {
 width: 808px;
 margin: 0 0 0 5px;
 background: url(img/navigation_bg2.jpg) repeat-y 0 0;
}

#content {
 width: 808px;
 margin: 0 0 50px 5px;
 background: url(img/content_bg.jpg) repeat-y 6px 0;
}

.contentLine {
 width: 808px;
 background: url(img/content_line.jpg) no-repeat 6px bottom;
}

#main {
 width: 610px;
 float: right;
}

#side {
 width: 198px;
 float: left;
 padding-bottom: 30px;
}

#footer {
 width: 808px;
 margin: 0px 0 0 5px;
 border-top: 5px solid #1e53ce;
 border-bottom: 1px solid #b4caea;
 background: url(img/footer_bg.gif) repeat-y 0 0;
}

/* ====================
 *  見出し設定
   ==================== */
h1.title {
 width: 798px;
 padding: 0 10px;
 text-align: left;
 margin: 0 auto;
 font-size: 90%;
 color: #6486c4;
 font-weight: normal;
}

.h2Title {
 width: 600px;
 margin: 0 0 20px 1px;
 border-bottom: 1px solid #1e53ce;
 background: url(img/bg_gray.jpg) no-repeat 0 0 #e8e8e8;
}

.h2Title h2 {
 font-size: 120%;
 background: url(img/icon_square.jpg) no-repeat 10px 9px;
 padding: 11px 10px 8px 32px;
 margin: 0;
}

.h3TitleTbl02 {
 width: 600px;
 margin: 0 0 5px 1px;
 border-collapse: collapse;
}

.h3Title02 {
 width: 592px;
 background: url(img/h3_bg2.jpg) no-repeat 0 0 #bbd3f5;
}

h3 {
 font-size: 120%;
 color: #102c6b;
 margin: 7px 11px 6px 11px;
}

.h3TitleTbl {
 width: 580px;
 margin: 0 0 26px 11px;
 border-collapse: collapse;
}

.h3Img {
 width: 8px;
 background-color: #112c6f;
 vertical-align: top;
}

.h4TitleTbl {
 width: 580px;
 margin: 0 0 10px 11px;
 border-collapse: collapse;
}

.h4Img {
 width: 8px;
 background-color: #dd114e;
 vertical-align: top;
}

.h4Title {
 width: 572px;
}

h4 {
 font-size: 100%;
 color: #000000;
 margin: 4px 10px 5px 10px;
}

h5.title {
 font-size: 100%;
 margin: 0 23px 5px 1px;
}

/* ====================
 *  見出しテキスト
   ==================== */
.topTxt {
 font-size: 90%;
 color: #6486c4;
 margin: 0 10px;
}


/* ====================
 *  header
   ==================== */
.headerLeft {
 width: 605px;
 float: left;
}

.headerRight {
 width: 203px;
 padding-top: 1px;
 float: right;
}

.headerLogo {
 margin: 0 0 5px 17px;
}

.headTxt {
 font-size: 90%;
 color: #ffffff;
 margin: 0px 17px;
 padding-bottom: 1px;
}

/* ====================
 *  navigation
   ==================== */
.naviTbl {
 border-collapse: collapse;
 background: url(img/navigation_bg.jpg) no-repeat 0 0;
}

.navigationLeft {
 width: 292px;
 padding: 3px 0 3px 15px;
}

.navigationRight {
 width: 501px;
 color: #a9bdec;
}

.navigationLink {
 background: url(img/icon_navi_link.jpg) no-repeat 0 0;
 padding-left: 22px;
}

.navigationLine {
 background: url(img/nav_line.gif) repeat-y 13px 0;
 padding-left: 13px;
 padding-right: 9px;
}

.navigationRight a:link, .navigationRight a:active, .navigationRight a:visited {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

.navigationRight a:hover {
 font-weight: bold;
 color: #ffffff;
 text-decoration: underline;
}

.naviTbl2 {
 border-collapse: collapse;
 margin: 6px 0 3px 0px;
}

/* ====================
 *  side
   ==================== */
.sideMenu {
 width: 185px;
 border-top: 1px solid #b4caea;
 border-left: 1px solid #b4caea;
 border-right: 1px solid #b4caea;
 margin: 0 0 15px 6px;
}

.sideMenuTit {
 margin: 0 0 12px 0;
}

.sideMenu h2 {
 margin: 0 0 12px 0;
}

.sideMenu ul {
 margin: 0 5px 0 14px;
 list-style-type: none;
}

.sideMenu li {
 background: url(img/icon_side.gif) no-repeat 0 3px;
 margin-bottom: 10px;
 padding-left: 11px;
}

.sideBannerImg {
 margin: 0 0 5px 10px;
}

/* ====================
 *  footer
   ==================== */
.footerLink {
 text-align: center;
 margin: 10px 0 19px 0;
 line-height: 150%;
}

.footerCopy {
 text-align: center;
 padding: 0 0 9px 0;
}

/* ====================
 *  ページトップへ
   ==================== */
.linkTop {
 text-align: right;
 margin: 0 5px 0px 0;
}

/* ====================
 *  パンくず
   ==================== */
.bread {
 font-size: 90%;
 color: #666666;
 margin: 0 3px 5px 1px;
}

/* ====================
 *  お問い合わせ関連
   ==================== */
textarea {
 font-size: 100%;
}

input {
 font-size: 100%;
}