@charset "utf-8";
/*====================================================================================================
   CSS information
   file name   : style.css
   style info  : 各設定のcss
====================================================================================================*/
/*----------------------------------------------------------------------------------------------------
   00-基本構造 [html,body,div,span,hr,a,p,h1,h2,h3,h4,h5,h6,address]
----------------------------------------------------------------------------------------------------*/

/* 縦スクロールバーを表示 [Firefox,opera,safari:overflow-y(css3)]
--------------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}

/* フォントサイズの統一 [IE6 14px/16px = 87.5%]
--------------------------------------------------------------------------------*/
body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ Ｐゴシック",Meiryo,"メイリオ",Sans-Serif;
	font-size: 14px;
	letter-spacing: 1px;
}
* html body {
	font-size: 87.5%;
}

/* ブロックレベル要素のmargin,paddingを0に設定
--------------------------------------------------------------------------------*/
div,p,h1,h2,h3,h4,h5,h6,hr,address {
	margin: 0;
	padding: 0;
}

/* リンクの設定 [link,visited,hover,active]
--------------------------------------------------------------------------------*/
a {
	color: #0060B6;
	text-decoration: none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration: underline;
}
a:active {}


/* 外部リンク・ファイルアイコン [#mainなどつけて画像ヘッダーなどに注意する。]
   上がモダンブラウザ向け下がIE向け
--------------------------------------------------
a[href^="http"]{background:url(images/icon/external.png) no-repeat 100% 50%;}
* html a.external{background:url(images/icon/external.png) no-repeat 100% 50%;}
 
a[href$=".pdf"]{background:url(images/icon/pdf.png) no-repeat 100% 50%;}
* html a.pdf{ background:url(images/icon/pdf.png) no-repeat 100% 50%;}
 
a[href$=".doc"]{background:url(images/icon/word.png) no-repeat 100% 50%;}
* html a.doc{ background:url(images/icon/word.png) no-repeat 100% 50%;}
 
a[href$=".xls"]{background:url(images/icon/excel.png) no-repeat 100% 50%;}
* html a.xls{ background:url(images/icon/excel.png) no-repeat 100% 50%;}
 
a[href$=".zip"]{background:url(images/icon/zip.png) no-repeat 100% 50%;}
* html a.zip{ background:url(images/icon/zip.png) no-repeat 100% 50%;}
 
a[href^="http://www.loin.co.jp/"],
a[href^="http://www.loin.co.jp/"]{
    padding:inherit;
    background:transparent;
}
*/
/*----- IEのみ -----
* html a{
    behavior: expression(
    this.className += this.getAttribute("href").match(/^http.*ここにスラッシュを入れる) && (!this.getAttribute("href").match("http://www.loin.co.jp/")) ? " external" : "",
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : '',
    this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : '',
    this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : '',
    this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : '',
    this.style.behavior = "none"
    );
}
*/
/* 見出しの装飾を再設定 [font-size:14px]
--------------------------------------------------------------------------------*/
/*----- 20px -----*/
h1 {
	font-size: 143%;
}
/*----- 18px -----*/
h2 {
	font-size: 129%;
}
/*----- 16px -----*/
h3 {
	font-size: 115%;
	font-weight: normal;
}
h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* 製作者情報 [address]
--------------------------------------------------------------------------------*/
address {
	font-style: normal;
	font-weight: normal;
}


/*----------------------------------------------------------------------------------------------------
   テキスト装飾 [em,strong,del,ins,abbr,acronym,dfn,blockquote,q,cite,sup,sub,pre,code,var,kbd,samp]
----------------------------------------------------------------------------------------------------*/

/* 強調,強い強調 [em,strong]
--------------------------------------------------------------------------------*/
em,strong {
	font-style: normal;
	font-weight: normal;
}
/* 略語,頭字語 [abbr,acronym]
--------------------------------------------------------------------------------*/
abbr,acronym {
	border-bottom: 1px dotted #000;
	font-family: Arial, Helvetica, sans-serif;
	cursor: help;
}
/* 定義する用語 [dfn]
--------------------------------------------------------------------------------*/
dfn {
	font-style: normal;
	font-weight: normal;
}

/* 引用(長文)  [blockquote:ブロックレベル要素]
--------------------------------------------------------------------------------*/
blockquote {
	margin: 10px 0;
	padding: 1em;
	border: 1px dashed #aaaaaa;
	background: transparent url(../images/markicon/quote.gif) no-repeat 5px 5px;
	color: #666666;
}
blockquote p {
	margin-bottom: 0.5em;
}
blockquote p.origin {
	margin-bottom: 0;
	text-align: right;
}

/* 引用(短文) [q]
--------------------------------------------------------------------------------*/
q {
	color: #666666;
	border-bottom: 1px dashed #bbb;
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

/* 引用元 [cite]
--------------------------------------------------------------------------------*/
cite {
	color: #666666;
	font-style: normal;
}
/* safari */
cite:before,
cite:after  {
	content: '"';
}
cite:before {
	content: open-quote;
}
cite:after {
	content: close-quote;
}

/* 継承されないフォント要素の再設定 [pre,code,kbd,samp]
--------------------------------------------------------------------------------*/
pre,code,kbd,samp {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ Ｐゴシック",Meiryo,"メイリオ",Sans-Serif;
}

/* 整形済テキストの装飾 [pre:ブロックレベル要素] 
--------------------------------------------------------------------------------*/
pre {
	overflow: auto;
	margin: 10px 0;
	padding: 1em;
	border: 1px solid #bbb;
	background: #e6e6e6;
	font-size: 85%;
}

/* コード,変数 [code,var]
--------------------------------------------------------------------------------*/
code,var {
	font-style: normal;
	font-weight: normal;
}


/*----------------------------------------------------------------------------------------------------
   リストの装飾 [dl,dt,dd,ul,ol,li]
----------------------------------------------------------------------------------------------------*/

/* ブロックレベル要素のmargin,paddingを0に設定 [list-styleの設定は個別で行う]
--------------------------------------------------------------------------------*/
dl,dt,dd,ul,ol,li {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------------------------------------
   画像,オブジェクトの装飾 [img,object,embed]
----------------------------------------------------------------------------------------------------*/

/* img,object,embed [囲み線を消し、余白が出ないようにする]
--------------------------------------------------------------------------------*/
img,object,embed {
	border: 0;
	vertical-align: top;
}

/*----------------------------------------------------------------------------------------------------
   テーブルの装飾 [table,caption,thead,tfoot,tbody,colgroup,col,tr,th,td]
----------------------------------------------------------------------------------------------------*/

/* 隣接するborder間の余白を消す [table:ブロックレベル要素]
   [firefox:margin-topを指定するとcaptionとの間に余白ができる]
--------------------------------------------------------------------------------*/
table {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #bbb;
	border-collapse: collapse;
	border-spacing: 0;
}

/* 継承されないフォント要素の再設定 [IE6:table]
--------------------------------------------------------------------------------*/
* html table {
	line-height: 1.5;
	font-size: 100%;
	letter-spacing: 1px;
}

/* 表のタイトル
--------------------------------------------------------------------------------*/
caption {
	padding-bottom: 2px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

/* 行の装飾
--------------------------------------------------------------------------------*/
tr.odd {
	background: #f9f9f9;
}
tr:hover {
	background: #f2f2f2;
}

/* 見出しセルの装飾
--------------------------------------------------------------------------------*/
th {
	background: #e6e6e6;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

/* セルの装飾 [罫線,余白]
--------------------------------------------------------------------------------*/
th,td {
	padding: 8px;
	border: 1px solid #bbb;
}


/*----------------------------------------------------------------------------------------------------
   フォームの装飾 [form,fieldset,legend,label,input,textarea,select,option,optgroup,button]
----------------------------------------------------------------------------------------------------*/

/* ブロックレベル要素のmargin,paddingを0に設定
--------------------------------------------------------------------------------*/
form,fieldset {
	margin: 0;
	padding: 0;
}

/* 各ブラウザによるフォーム位置の調整をリセット
--------------------------------------------------------------------------------*/
legend,input,textarea,button {
	margin: 0;
	padding: 0;
}

/* 継承されないフォント要素の再設定
--------------------------------------------------------------------------------*/
form,fieldset,legend,input,select,textarea,button {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ Ｐゴシック",Meiryo,"メイリオ",Sans-Serif;
	font-size: 100%;
	letter-spacing: 1px;
}
/* フォームの罫線を消す
--------------------------------------------------------------------------------*/
fieldset {
	border: none;
}
/* フォームタイトル
--------------------------------------------------------------------------------*/
legend {
	display: inline;
	color: #666;
}

/*----------------------------------------------------------------------------------------------------
   フォーム再定義 [input:class名にtype名を付けて個別に設定する]
----------------------------------------------------------------------------------------------------*/

/* .text [1行入力]
--------------------------------------------------------------------------------*/
.text {
	height: 15px;
	width: 270px;
	padding: 4px;
	border: 1px solid #a5acb2;
}
/*--- boxmodelbug [IE6:過去互換] ---*/
* html .text {
	height: 25px;
}
.text:hover {
	border: 1px solid #6fa1d9;
}

/* .textarea [複数行入力]
--------------------------------------------------------------------------------*/
.textarea {
	width: 94%;
	height: 90px;
	padding: 4px;
	border: 1px solid #a5acb2;
}
/*--- boxmodelbug [IE6:過去互換] ---*/
* html .textarea {
	height: 100px;
}
.textarea:hover {
	border: 1px solid #6fa1d9;
}

/* select [セレクトボックス]
--------------------------------------------------------------------------------*/
select {
	height: 20px;
	padding: 0;
	border: 1px solid #a5acb2;
}

/* Opera [装飾をリセット]
--------------------------------------------------------------------------------*/
optgroup {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-style: normal;
}

/* .password [パスワード入力]
--------------------------------------------------------------------------------*/
.password {
	width: 270px;
	height: 15px;
	padding: 4px;
	border: 1px solid #a5acb2;
}
/*--- boxmodelbug [IE6:過去互換] ---*/
* html .password {
	height: 25px;
}
.password:hover {
	border: 1px solid #6fa1d9;
}

/* .radio [ラジオボタン opera:デフォルトを使用]
--------------------------------------------------------------------------------*/
.radio {
	padding: 0 1px;
}

/* .checkbox [チェックボックス opera:デフォルトを使用]
--------------------------------------------------------------------------------*/
.checkbox {
	padding: 0 1px;
}

/* .file [ファイル参照]
--------------------------------------------------------------------------------*/
.file {
	padding: 4px;
}

/* .button [ボタン]
--------------------------------------------------------------------------------*/
.button {
	height: 2em;
	padding: 0 2px;
}

/*----------------------------------------------------------------------------------------------------
   .clearfix [多用は控える]
----------------------------------------------------------------------------------------------------*/
/* clear [区切り線]
--------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.clear hr {
	clear: both;
	visibility: hidden;
}

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