@charset "shift_jis";

/*
-----------------------------------------------
Version:  2010-04-14
----------------------------------------------- */


/*2009.11.21更新
==================================================================Reset*/
body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
body {
    /*yahoo UI:http://developer.yahoo.com/yui/fonts*/
    font:13px/1.231 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
    *font-size:small;
    *font:x-small;
    background-color:transparent;
    min-height: 100%;
}
/*html:\66irst-child body {
	font-size:12px; safari only \
}*/
a img,:link img,:visited img {
    border:none;
}
/* delate dot boader of link for New Mozilla \*/
a {
    overflow:hidden; 
}
img,fieldset,abbr,acronym {
    border:0;
}
table {
    font-size:inherit;
    font:100%;
    border-collapse:collapse;
    border-spacing:0;
}
/*ul,ol {
    list-style-type:none;
}*/
th,caption {
    text-align:left;
}
input,select,textarea{
    font:99% arial,helvetica,clean,sans-serif;
    /* for macIE5 \*/
    font-family:"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    font-weight:bold;
}
select option {
    padding : 0 0.5em;
}
form label{
    cursor : pointer;
}
input:focus,select:focus,textarea:focus{
    background-color: #ccffff;
}
pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}
q:before,q:after {
    content:'';
}
hr {
    border:0;
    height:1px;
    background-color:#000000;
    color:#000000;
}
address {
    font-style:normal;
}
em { font-weight:normal; font-style: normal; }

/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style:normal; */
/* font-weight:normal; */
}


/* =Structure　サイト全体の基本スタイル
----------------------------------------------- */
html { overflow-y:scroll; }
body { text-align:center; background-color: #fff; color:#333; }
img{ border:0; vertical-align: top; line-height:1.0em; }
a img { border-style: none; border-width: 0px; line-height:1.0em;/*IE5*/ }
hr { display: none; }
em { font-weight: bold; font-style: normal; }
ul,dl,ol{ list-style-type:none; list-style-position:outside; }


/* テキストリンクカラー */
a { color: #227de5; }
a:hover { color: #000; }

/* =Layout　サイト全体のレイアウト指定　
----------------------------------------------- */
/* container */
#col-cm, #col-ms, #col-m, #col-cms {  width: 100%; }
#header { width: 100%; margin: 0 auto; float:left; background-color: #fff; }
/* wrap */
#wrap { width: 100%; float:left; background-color: #fff; font-size: 100%; }
/* content */
#wrap #content { width: 960px; margin: 0 auto; padding: 20px 0; text-align:left; position:relative; }
/* maincol */
#wrap #content #maincol { width: 620px; float:left; }
/* subcol */
#wrap #content #subcol { float: right; width: 320px; }


/* Things To =Hide　非表示の指定
----------------------------------------------- */
@media print {
#nav, #headNav { display: none; }
#footer { background-color: #fff; }
#footerBody { color: #000; }
  }


#printData { display: none; }
#index #col-cm #wrap #content #maincol #pankuzu { display: none; }

/* Things To =Show　表示部分の指定
----------------------------------------------- */

/* =特定ブラウザへのハック
----------------------------------------------- */

/* 透過PNG WinIE5〜6用フィルター */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }
* html #overlay { behavior: expression(IEPNGFIX.fix(this)); }

/* floatボックスのクリア用 clearfixハック */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix { display: inline-block; }
/* Hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end */

/* parts */
.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right;	}
.left { text-align: left; }
.f-right { float: right; }	
.f-left { float: left; }
.clear { clear: both; }
.clear-r { clear: right; }
.clear-l { clear: left; }
ul.squareList { list-style-type: square; margin-left: 40px; }
ol.decimalList { list-style-type: decimal; margin-left: 40px; }
ol.decimalList02 { list-style-type: upper-roman !important; font-weight: bold; margin-left: 40px; }
ul.squareList li, ol.decimalList li, ol.decimalList02 li { margin-bottom: 10px; }

.m-right { margin-right: 10px; }
.m-right-20 { margin-right: 20px; }
.m-left { margin-left: 10px; }
.m-left-15 { margin-left: 15px; }
.m-bottom { margin-bottom: 10px; }
.m-bottom-01 { margin-bottom: 5px; }
.m-bottom-02 { margin-bottom: 15px; }
.m-bottom-03 { margin-bottom: 25px; }

.bordar-01 { border: 1px solid #333; }

.eng { font-family:"Courier New", Courier, monospace; }