a/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:フォント・リンク
	[04]:ヘッダ
	[05]:フッタ
	[06]:ナビゲーション
	[07]:サイドナビゲーション
	[08]:タイトル ヘッドライン
	[09]:ボタン
	[10]:テーブル
	[11]:コンテンツ
	
======================================================== */

/* ******************************** [01]:各要素リセット・基本設定 *********************************** */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; font-size: 100%; }

i,address { font-style: normal; }

img,fieldset { border:none; }

ol, ul { list-style: none; }

/* firefox bug fix about select */
select option{ padding-right:.1em;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;border-spacing: 0; }

caption, th, td {text-align: left;font-weight: normal;}

input,textarea,select{ font-size:1em; }

hr { display:none; }

/* for debug */
.de { border:1px solid red;  }

/* always vertical scrollbar available */
html{ overflow-y:scroll; }


/* .................................................................................................. */

body { font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","Osaka",sans-serif; color:#333;  }

address { width:800px; margin:5px auto; text-align:right; font-size:60%; }

/* ******************************** [02]:レイアウト ************************************************* */

.left   { float:left; }
.right  { float:right; }
.cle    { clear:both; font-size:1px; line-height:1px;}
.center { text-align:center;}

.aLeft   { text-align:left ! important;}
.aCenter { text-align:center ! important;}
.aRight  { text-align:right ! important;}
.aTop    { vertical-align:top ! important;}
.aMiddle { vertical-align:middle ! important;}
.aBottom { vertical-align:bottom ! important;}

.Bblue { font-weight:bold; color:#1f497c; }

.marginT5 { margin-top:5px; }
.marginT10 { margin-top:10px; }
.marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; }
.marginT25 { margin-top:25px; }
.marginT30 { margin-top:30px; }
.marginT35 { margin-top:35px; }
.marginT40 { margin-top:40px; }
.marginT45 { margin-top:45px; }
.marginT50 { margin-top:50px; }
.marginT100 { margin-top:100px; }


.marginB5 { margin-bottom:5px; }
.marginB10 { margin-bottom:10px; }
.marginB15 { margin-bottom:15px; }
.marginB20 { margin-bottom:20px; }
.marginB25 { margin-bottom:25px; }
.marginB30 { margin-bottom:30px; }
.marginB35 { margin-bottom:35px; }
.marginB40 { margin-bottom:40px; }
.marginB45 { margin-bottom:45px; }
.marginB50 { margin-bottom:50px; }

.paddingT5 { padding-top:5px; }
.paddingT10 { padding-top:10px; }
.paddingT15 { padding-top:15px; }
.paddingT20 { padding-top:20px; }
.paddingT25 { padding-top:25px; }
.paddingT30 { padding-top:30px; }
.paddingT35 { padding-top:35px; }
.paddingT40 { padding-top:40px; }
.paddingT45 { padding-top:45px; }
.paddingT50 { padding-top:50px; }

.paddingB5 { padding-bottom:5px; }
.paddingB10 { padding-bottom:10px; }
.paddingB15 { padding-bottom:15px; }
.paddingB20 { padding-bottom:20px; }
.paddingB25 { padding-bottom:25px; }
.paddingB30 { padding-bottom:30px; }
.paddingB35 { padding-bottom:35px; }
.paddingB40 { padding-bottom:40px; }
.paddingB45 { padding-bottom:45px; }
.paddingB50 { padding-bottom:50px; }

/* ******************************** [03]:リンク・フォント ***************************************************** */

a:link    { color:#2591e4; text-decoration:none; }
a:visited { color:#68b4ef; text-decoration:none; }
a:hover   { color:#2591e4; text-decoration:underline; }
a:active  { color:#2591e4; text-decoration:underline; }

.fontS { font-size:60%; line-height:150%; }      /* 10px */
.fontM  { font-size:75%; line-height:150%; }     /* 12px */
.fontL   { font-size:88.8%; line-height:150%; }  /* 14px */
.fontXL   { font-size:100%; line-height:150%; }  /* 16px */
.fontXXL   { font-size:120%; line-height:150%; } /* 18px */

/* ******************************** [04]:ヘッダ ***************************************************** */



/* ******************************** [05]:フッタ ***************************************************** */



/* ******************************** [06]:ナビゲーション ********************************************* */



/* ******************************** [07]:サイドナビゲーション *************************************** */


/* ******************************** [08]:タイトル ヘッドライン ************************************** */

h1.none { display:none; }
h2.stitle01 { width:700px; height:34px; margin-bottom:30px; }
h2.stitle02 { width:900px; height:34px; background-color:#1f497c; }
h3 { padding:0 0 0 15px; margin:0 10px 0 0; width:260px; background:url(img/h3.gif) 0% 50% no-repeat ; font-size:75%; line-height:150%; border-bottom:1px solid #ccc; }
h3 span { color:#06c; }
h3.section4 {width:100%;}

/* ******************************** [09]:ボタン ***************************************************** */



/* ******************************** [10]:テーブル *************************************************** */



/* ******************************** [11]:コンテンツ ************************************************* */


.wrapper { width:680px; padding:70px; margin:0px auto; border:1px solid #333; }
.wrapper2 { width:900px; padding:70px; margin:0px auto; border:1px solid #333; }


.text01  { font-size:75%; line-height:150%; padding:0 30px 20px 30px; }

.list01  { font-size:75%; line-height:150%; padding: 0px 0px 20px 30px ; }

.list01 li { padding: 0px 0px 15px 18px ; text-indent:-18px; }

.btnBox01 { width:640px; border-top:1px dotted #1f497c;  padding:30px; margin:30px 0 0 0 ;}


.tLinkBox { width:400px; margin:0px auto 40px; }
.tLinkBox a { width:400px; height:32px; margin:0 0 8px; }

.wearBox { width:640px; margin: 0px auto 30px; background:url(img_top/boxbg.gif) 0% 0% repeat-y; }
.wearBox div.in { padding:30px 30px; }

.leftBox { width:293px; float:left; }
.rightBox { width:277px; float:right; }

.midbtn { width:420px; height:42px; margin:30px auto 20px; }

.text04 { width:330px; }


/* /* /* /* /* /* /*         search          */ 


.search { width:166px; height:21px; margin: 0px auto 30px; }


.textbox02 { width:305px; margin: 0px auto; padding:0px 0px 30px; }
.contact { font-size:75%; line-height:150%; }
.bbox    { width:305px; }
.bbox p  { background-color:#c0dfef; text-align:center; color:#06c; font-weight:bold; font-size:75%; line-height:150%; padding:20px 0px; }
.text02  { width:900px; margin:0px auto; font-size:75%; line-height:150%; color:#06c; }

.btnBox02 { width:900px; height:30px; margin:10px auto; }
.btnBox02 a { display:block; width:247px; height:29px;  }


.sBox {  margin:0px auto; }

.tableTop    { width:640px; background-color:#1f497c; border-collapse:collapse; border:1px solid #1f497c; }
.tableTop td { text-align:center; font-size:75%; line-height:150%;font-weight:bold; color:#fff; border:1px solid #fff; }

.tableSearchWap { width:638px; height:400px; margin:0px auto 30px; overflow: auto; border:1px solid #1f497c; }
.tableSearch    { width:621px; border-collapse:collapse; margin:0px auto;  }
.tableSearch td { text-align:center; font-size:75%; padding:2px 0px; line-height:110%; border-right:1px solid #1f497c; border-bottom:1px solid #1f497c; }



.tableTop2    { width:900px; background-color:#1f497c; border-collapse:collapse;  margin:0px auto 0px; }
.tableTop2 td { text-align:center; font-size:75%; line-height:150%;font-weight:bold; color:#fff; border:1px solid #fff; }

.tableSearchWap2 { width:896px; height:400px; margin:0px auto 60px; overflow: auto; border:1px solid #1f497c; text-align:left; }
.tableSearch2    {  border-collapse:collapse;   }
.tableSearch2 td { text-align:center; font-size:75%; padding:2px 0px; line-height:110%; border-right:1px solid #1f497c; border-bottom:1px solid #1f497c; }



.howBox { width:900px; margin:0px auto; }
 
.itemBox01 { width:280px; margin:0 0px 30px 0; }
.itemBox01 p { padding:10px; font-size:75%; line-height:150%; }
.itemBox01 img { padding:0px 0 0 10px; }

.text03  { font-size:75%; line-height:150%; }
.text03 span  { color:#06c; }

.itemBox02 { padding:15px 10px; }
.itemBox02 img { padding:5px 0px; }

.att { font-size:75%; line-height:150%; color:#933; }

