@charset "UTF-8";



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

 * FONTSIZE MODEL * 

 * ---------------------

 *  63% ->	10pxに相当

 *  70% ->	11pxに相当

 *  75% ->	12pxに相当

 *  82% ->	13pxに相当

 *  88% ->	14pxに相当

 *  94% ->	15pxに相当

 * 100% ->	16pxに相当

 * 107% ->	17pxに相当

 * 113% ->	18pxに相当

 * 119% ->	19pxに相当

 * 125% ->	20pxに相当

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





/* ========BASIC======== */

* {

   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;

   color:#000;

}



body {

   margin:0;

   padding:0;

   letter-spacing:1px;

   background:#fff url("images/bg.gif") 0 105px repeat-x;

   border-top:3px solid #134D99;

}



br {

   letter-spacing:normal;

}



a {

   color:#000;

   text-decoration:none;

}



a:hover {

   color:#999;

   text-decoration:underline;

}



img {

   border:0;

   vertical-align:bottom;

}



h1,h2,h3,h4,h5,h6 {

   margin:0;

}





/* ========TEMPLATE LAYOUT======== */

div#top {

   width:780px;

   margin:0 auto;

   padding:0;

}



div#header {

   position:relative;

   width:780px;

}



div#pr {

   position:absolute;

   left:0;

   top:0;

}



div#serch {

   position:absolute;

   top:0;

   right:0;

}



div#gnavi {

   position:absolute;

   bottom:0;

   right:0;

}



div#menu {

   float:left;

   width:780px;

   margin-top:10px;

}



div#icatch {

   width:780px;

}



div#contents {

   float:left;

   width:780px;

   padding:10px 0;

   background:#fff;

}



div#main {

   float:left;

   width:550px;

}



div#sub {

   float:right;

   width:220px;

}



div#totop {

   clear:both;

}



div#footMenu {

   float:left;

   width:780px;

   margin-top:10px;

}



div#footer {

   clear:both;

   width:780px;

}





/* ========HEADER CUSTOMIZE======== */

div#header h1 {

   margin:0;

   padding:20px 0 0 0;

   font-size:200%;/* 32px相当 */

   line-height:1.0;

}



div#header h1 a:hover {

   color:#f1f1f1;

}





div#header #gnavi ul {

   list-style:none;



}

div#header #gnavi li {

   float:left;

   margin-left:15px;

   font-size:70%;/* 11px相当 */

}



div#header #gnavi li a {

   display:block;

   padding-left:8px;

   background:url("images/bg_arrow.gif") 0 50% no-repeat;

}





/* ========SERCH CUSTOMIZE======== */

div#serch dt{

   float:left;

   margin:0;

   padding:0;

}



div#serch dd{

   float:left;

   margin:1px 0 0 10px;

   padding:0;

}





/* ========MENU CUSTOMIZE======== */

div#menu ul {

   margin:0 0 1px 0;

   padding:0;

   font-size:75%;/* 12px相当 */

   list-style:none;

}



div#menu li {

   overflow:hidden;

   float:left;

   margin:0;

   margin-left:-1px;

   padding:0;

   border:1px solid #CECBCE;

   border-bottom:none;

   background:#fff url("images/bg_menu.gif") -40px 0 repeat-x;

}



div#menu li a {

   display:block;

   width:129px;

   height:20px;

   padding:10px 0;

   line-height:20px;

   font-weight:bold;

   text-align:center;

   outline:none;

}



div#menu li a:hover {

   color:#fff;

   text-decoration:none;

   background:#fff url("images/bg_menu.gif") 100% 100% repeat-x;

}



div#menu li.home {

   width:128px;

   margin-left:0;

   border-left:1px solid #CECBCE;

}



div#menu li.active a {

   color:#fff;

   background:#fff url("images/bg_menu.gif") 100% 100% repeat-x;

   text-decoration:none;

}



/* ========MAINCONTENTS CUSTOMIZE======== */

div#main a {

   color:#134D99;

}



div#main a:hover {

   color:#134D99;

   text-decoration:underline;

}



div#main h2 {

   clear:both;

   margin-bottom:8px;

   padding:1px 10px;

   line-height:2.0;

   color:#fff;

   font-size:94%;/* 15px相当 */

   font-weight:bold;

   background:#fff url("images/bg_h2.gif") 100% 100% repeat-x;

}



div#main h3 {

   margin-bottom:8px;

   line-height:1.8;

   font-size:88%;/* 14px相当 */

   color:#134D99;

   border-bottom:3px solid #005DD8;

}



div#main h4 {

   margin-bottom:2px;

   font-size:75%;/* 12px相当 */

}



div#main h5 {

   margin-bottom:2px;

   font-size:75%;/* 12px相当 */

}



div#main h6 {

   margin-bottom:2px;

   font-size:75%;/* 12px相当 */

}



div#main p {

   margin:0 0 1em 0;

   font-size:75%;/* 12px相当 */

}



div#main ul,ol,dl {

   font-size:75%;/* 12px相当 */

}



div#main dt {

   margin-bottom:3px;

}



div#main dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}





/* TOPNAVI CUSTOMIZE */

div#main div.topNavi {

   overflow:hidden;

   position:relative;

   margin-left:-10px;

}



* html div#main div.topNavi {

   height:1em;

   overflow:visible;

}



div#main div.topNavi div.topNaviColumn {

   display:inline;

   width:270px;

   float:left;

   margin-left:10px;

   padding:0 0 2em 0;

}



div#main div.topNavi h2.topNaviImg {

   margin:0;

   padding:0;

   background:none;

}



div#main div.topNavi div.topNaviColumn p.detail {

   position:absolute;

   bottom:0;

   width:270px;

   text-align:right;

}



div#main div.topNavi div.topNaviColumn p.detail a {

   padding:0 0 0 7px;

   background:url("images/bg_arrow.gif") no-repeat left 50%;

}



div#main div.topNavi div.topNaviColumn p.cLeft {

   right:280px;

}



div#main div.topNavi div.topNaviColumn p.cRight {

   right:0;

}





/* INFORMATION CUSTOMIZE */

div#main dl.information {

   margin:0;

}

div#main dl.information dt {

   float:left;

   padding-top:5px;

}



div#main dl.information dd {

   margin:0 0 5px 0;

   padding: 5px 0px 5px 9em;

   background:url("images/bg_dotline.gif") 0 100% repeat-x;

}



div#main table {

   font-size:75%;/* 12px相当 */

}



table {

   width:550px;

   margin-bottom:20px;

   border-collapse:collapse;

   border:1px solid #999;

   border-spacing:0;

   line-height:1.8;

}



table th {

   padding: 5px;

   border:1px solid #999;

   border-width: 0 0 1px 1px;

   background: #EFEBEF;

   font-weight: bold;

   line-height: 120%;

   text-align: left;

}



table td {

   padding:5px;

   border:1px solid #999;

   border-width:0 0 1px 1px;

   text-align:left;

}



table td ol{

margin:0;

padding:0 0 0 30px;

font-size:100%;

}



table td li{

margin:0;

padding:0;

}





/* ========SUBCONTENTS CUSTOMIZE======== */

div#sub .section {

   margin-bottom:10px;

}



div#sub h2 {

   padding:5px;

   font-size:88%;/* 14px相当 */

   font-weight:bold;

   color:#fff;

   background:#6E6E6E;

}



div#sub h3 {

   padding:5px;

   font-size:75%;/* 12px相当 */

   font-weight:bold;

   background:#EFEBEF;

}



div#sub ul {

   margin:0;

   padding:0;

   border:1px solid #EFEBEF;

}



div#sub li {

   padding:5px;

   font-size:75%;/* 12px相当 */

   line-height:1.8;

   list-style:none;

   border-bottom:1px solid #E7E7EF;

}



div#sub li a {

   display:block;

   padding:5px 5px 5px 15px;

   background:url("images/bg_arrow.gif") 5px 50% no-repeat;

}



div#sub li a:hover {

   display:block;

   color:#333;

   background:#EFEBEF url("images/bg_arrow.gif") 5px 50% no-repeat;

   text-decoration:none;

}





/* ========TOTOP CUSTOMIZE========= */

div#totop {

   text-align:right;

   font-size:70%;/* 11px相当 */

}



div#totop a {

   padding:0 0 0 12px;

   background:url("images/bg_totop.gif") 0 50% no-repeat;

}





/* ========FOOTMENU CUSTOMIZE======== */

div#footMenu ul {

   margin:5px 0;

   padding:20px 0;

   text-align:center;

   border-top:1px solid #ddd;

}



div#footMenu li {

   display:inline;

   margin:0 0 0 20px;

   font-size:75%;/* 12px相当 */

   list-style:none;

}



div#footMenu li a:hover {

   color:#666;

   text-decoration:underline;

}





/* ========FOOTER CUSTOMIZE======== */

address {

   font-style:normal;

   font-size:70%;/* 11px相当 */

   color:#999;

   line-height:3.0;

   text-align:center;

}





/* --- フォームエリア --- */

form.contact {

width: 700px; /* フォームエリアの幅 */

font-size: 80%;

}

/* --- フォームエリア内の段落 --- */

form.contact p {

line-height: 130%;

}

/* --- 段落内の「必須」画像 --- */

form.contact p.attention img {

vertical-align: middle;

}



/* --- 部品グループ --- */

form.contact div.fields {

margin-bottom: 20px; /* 部品グループの下マージン */

padding: 2px; /* 部品グループのパディング */

background-color: #f9f9f9; /* 部品グループの背景色 */

border: 1px #c0c0c0 solid; /* 部品グループの境界線 */

}



/* --- テーブル --- */

form.contact table {

width: 100%; /* テーブルの幅 */

border: 1px solid; /* テーブルの境界線 */

border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */

}

/* --- キャプション --- */

form.contact caption {

margin-bottom: 2px; /* キャプションの下マージン */

padding: 10px 8px; /* キャプションのパディング（上下、左右） */

background: #f9f9f9 url(images/caption_back1.gif) repeat-x; /* キャプションの背景 */

border: 1px solid; /* キャプションの境界線 */

border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* キャプションの境界線色（上右下左） */

text-align: left;

color: #808080; /* キャプションの文字色 */

font-weight: bold;

}

/* --- 見出しセル（th） --- */

form.contact th {

width: 140px; /* 見出しセルの幅 */

padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */

background-color: #f5f5f5; /* 見出しセルの背景色 */

border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */

text-align: left;

line-height: 130%;

}

/* --- 見出しセル内の補足テキスト --- */

form.contact th span.supplement {

font-weight: normal;

}

/* --- データセル（td） --- */

form.contact td {

padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */

background-color: #ffffff; /* データセルの背景色 */

border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */

}

/* --- データセル内の補足テキスト --- */

form.contact td span.supplement {

color: #808080;

}

/* --- 必須項目セル --- */

form.contact td.required {

width: 26px; /* 必須項目セルの幅 */

padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */

background-color: #c4e6fa; /* 必須項目セルの背景色 */

text-align: center;

}

/* --- 任意項目セル --- */

form.contact td.arbitrary {

background-color: #e0f1fc; /* 任意項目セルの背景色 */

}



/* --- フォーム部品 --- */

form.contact input,

form.contact select,

form.contact textarea {

margin-bottom: 2px; /* フォーム部品の下マージン */

}

/* --- フォーム部品のサイズ --- */

/* --- （長めのテキスト入力欄） --- */

#company, #section, #name, #name2,

#email, #address {

width: 350px; /* フォーム部品の幅 */

}

/* --- （短めのテキスト入力欄） --- */

#tel1, #tel2, #tel3,

#fax1, #fax2, #fax3 {

width: 70px; /* フォーム部品の幅 */

}

#zip1, #zip2 {

width: 70px; /* フォーム部品の幅 */

}

/* --- （複数行のテキスト入力欄） --- */

#message {

width: 420px; /* フォーム部品の幅 */

height: 10em; /* フォーム部品の高さ */

}

#remark {

width: 420px; /* フォーム部品の幅 */

height: 6em; /* フォーム部品の高さ */

}



/* --- ボタン --- */

form.contact p.button {

margin: 0;

text-align: center;

}