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

/* -----------------------------------------------------------
CSS Information
 File name:      common.css
 Style Info:    　汎用CSS
 
 
 このスタイルシートの構成 リンク指定・フォントサイズ・高さ・文字色・スペース

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

/* a link
----------------------------------------------------*/
a:link {
	text-decoration: none;
	color: #1561cd;
	background-color:transparent;
}

a:visited {
	text-decoration: none;
	color: #1561cd;
	background-color:transparent;
}

a:hover {
	text-decoration: underline;
	color: #ff6600;
	background-color:transparent;
	outline:none;
}

a:active {
	text-decoration: none;
	color: #1561cd;
	background-color:transparent;
}




/*-----------------------
a,
a:link {
	color: #103382;
	text-decoration: none;
}
a:visited {
	color: #713360;
	text-decoration: none;
}
a:hover,
a:active {
	color: #b41706;
	text-decoration: none;
}
-------------------*/


/* font size 
----------------------------------------------------*/

/* Font Size */

.tx10h13 {font-size:10px;line-height:13px;}
.tx10h15 {font-size:10px;line-height:15px;}
.tx11 		{font-size:11px;}
.tx11h13	{font-size:11px;line-height:13px;}
.tx11h15	{font-size:11px;line-height:15px;}
.tx11h18	{font-size:11px;line-height:18px;}
.tx12		{font-size:12px;}
.tx12h15	{font-size:12px;line-height:15px;}
.tx12h17	{font-size:12px;line-height:25px;}
.tx12h17b	{font-size:12px;line-height:17px;font-weight:bold;}

.tx12h12	{font-size:12px;line-height:12px;}
.tx12h12b	{font-size:12px;line-height:12px;font-weight:bold;}

.tx14h17	{font-size:14px;line-height:17px;}
.tx12h19	{font-size:12px;line-height:19px;}
.tx14h19	{font-size:14px;line-height:19px;}
.tx14h19b	{font-size:14px;line-height:19px;font-weight:bold;}
.tx14h23	{font-size:14px;line-height:23px;}
.tx16h21	{font-size:16px;line-height:21px;}
.tx18h22	{font-size:18px;line-height:22px;}
.tx18h22b	{font-size:18px;line-height:22px;font-weight:bold;}
.tx20h24	{font-size:20px;line-height:24px;}
.tx20h24b	{font-size:20px;line-height:24px;font-weight:bold;}
.tx22h26	{font-size:22px;line-height:26px;}
.tx24h28	{font-size:24px;line-height:28px;}
.tx26h30	{font-size:26px;line-height:30px;}

.s_title	{font-size:18px;line-height:20px;} 



.fs6 {
	font-size: 6px;

}


.fs7 {
	font-size: 7px;

}

.fs8 {
	font-size: 8px;

}


.fs9 {
	font-size: 9px;

}


.fs10 {
	font-size: 10px;

}

.fs11 {
	font-size: 11px;

}

.fs12 {
	font-size: 12px;

}

.fs13 {
	font-size: 13px;

}

.fs14 {
	font-size: 14px;

}


.fs15 {
	font-size: 15px;

}


.fs16 {
	font-size: 16px;

}



.fs17 {
	font-size: 17px;

}

.fs18 {
	font-size: 18px;

}

.fs19 {
	font-size: 19px;

}


.fs20 {
	font-size: 20px;

}


.fs22 {
	font-size: 22px;

}

.fs24 {
	font-size: 24px;

}

.fs28 {
	font-size: 28px;

}

.fs30 {
	font-size: 30px;
	font-size: 3.0rem;
}

.fs32 {
	font-size: 32px;

}

.fs34 {
	font-size: 34px;

}

.fs36 {
	font-size: 36px;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}






/* color
----------------------------------------------------*/
.Tblue{	color:#1561cd;}
.Bg666{ color:#666;}
.Bl333{ color:#333;}
.Tblue{	color:#1561cd;}
.Red{color:#ca1414;}

/* Text Color */
.white		{color:#FFFFFF}
.red		{color:#BF0000}
.brown		{color:#936546}
.green		{color:#35AD9F}
.green2		{color:#006666}
.green3		{color:#56a755}
.moss		{color:#7F7C48}
.orange		{color:#FF9900}
.blue		{color:#0066CC}
.gray		{color:#CCCCCC}
.gray2		{color:#666666}
.pink		{color:#FF7979}




/* Tline
----------------------------------------------------*/

.Tline20{ width:100%; height:20px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:20px 0px;}
.Tline15{ width:100%; height:15px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:15px 0px;}
.Tline10{ width:100%; height:10px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:10px 0px;}
.Tline8{ width:100%; height:8px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:8px 0px;}
.Tline5{ width:100%; height:5px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:5px 0px;}
.Tline2{ width:100%; height:2px; display:block; background:url(../images/sh_tline.gif)  repeat-x top left; margin:2px 0px;}

.Nline{ width:100%; height:10px; display:block; border-bottom:1px solid #e5e5e5; margin:10px 0px;} 
.NCline{ width:100%; height:10px; display:block; border-bottom:1px solid #e5e5e5; margin:10px 0px 0px 0px;} 


/* heightSpace
----------------------------------------------------*/


.height60{
	height:60px;
	display:block;
}

.height55{
	height:55px;
	display:block;
}

.height50{
	height:50px;
	display:block;
}
.height45{
	height:45px;
	display:block;
}

.height40{
	height:40px;
	display:block;
}

.height35{
	height:35px;
	display:block;
}
.height30{
	height:30px;
	display:block;
}

.height25{
	height:25px;
	display:block;
}

.height20{
	height:20px;
	display:block;
}


.height15{
	height:15px;
	display:block;
}
.height10{
	height:10px;
	display:block;
}
.height5{
	height:5px;
	display:block;
}

.height3{
	height:3px;
	display:block;
}







/* line-height 
----------------------------------------------------*/
.l_height11 {
	line-height:1.1;
}

.l_height12 {
	line-height:1.2;
}

.l_height13 {
	line-height:1.3;
}


.l_height14 {
	line-height:1.4;
}


.l_height15 {
	line-height:1.5;
}


.l_height16 {
	line-height:1.6;
}



.l_height17 {
	line-height:1.7;
}


.l_height18 {
	line-height:1.8;
}



.l_height19 {
	line-height:1.9;
}



.l_height20 {
	line-height:2.0;
}

.l_height21 {
	line-height:2.1;
}

.l_height26 {
	line-height:2.6;
}

/* line-height 
----------------------------------------------------*/
.l_spacing01 {
	letter-spacing:.1em;
}

.l_spacing02 {
	letter-spacing:.2em;
}

.l_spacing05 {
	letter-spacing:.5em;
}

.l_spacing1 {
	letter-spacing:1em;
}

.l_spacing2 {
	letter-spacing:2em;
}

.l_spacing3 {
	letter-spacing:3em;
}

.l_spacing4 {
	letter-spacing:4em;
}


/* space
----------------------------------------------------*/
.pt10 {
	padding-top: 10px;
	
}

.pt20 {
	padding-top: 20px;
	
}

.pt30 {
	padding-top: 30px;
	
}


.pt40 {
	padding-top: 40px;
	
}



.pt50 {
	padding-top: 50px;
	
}



.pt60 {
	padding-top: 60px;
	
}


.pt70 {
	padding-top: 70px;
	
}

/* space 
----------------------------------------------------*/
.mb0 {
	margin-bottom: 0;
	
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}


.mb35 {
	margin-bottom: 35px;
}


.mb40 {
	margin-bottom: 40px;
}


.mb45 {
	margin-bottom: 45px;
}


.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb120 {
	margin-bottom: 120px;
}



.mb200 {
	margin-bottom: 200px;
}



.mb300 {
	margin-bottom: 300px;
}



.mb400 {
	margin-bottom: 400px;
}



.mb500 {
	margin-bottom: 500px;
}



.mb600 {
	margin-bottom: 600px;
}



/* space left
----------------------------------------------------*/
.ml0 {
	margin-left: 0;
}

.ml5 {
	margin-left: 5px;
}


.ml7 {
	margin-left: 7px;
}


.ml10 {
	margin-left: 10px;
}


.ml13 {
	margin-left: 13px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}


.ml60 {
	margin-left: 60px;
}


.ml70 {
	margin-left: 70px;
}


.ml80 {
	margin-left: 80px;
}


.ml90 {
	margin-left: 90px;
}


.ml100 {
	margin-left: 100px;
}

.ml110 {
	margin-left: 110px;
}


.ml120 {
	margin-left: 120px;
}


.ml130 {
	margin-left: 130px;
}




/* space right
----------------------------------------------------*/
.mr0 {
	margin-right: 0;
}

.mr5 {
	margin-right: 5px;
}


.mr7 {
	margin-right: 7px;
}


.mr10 {
	margin-right: 10px;
}


.mr13 {
	margin-right: 13px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.mr60 {
	margin-right: 60px;
}

.mr70 {
	margin-right: 70px;
}


.mr80 {
	margin-right: 80px;
}

.mr90 {
	margin-right: 90px;
}

.mr100 {
	margin-right: 100px;
}


/* dl
----------------------------------------------------*/



dl {
	margin: 15px 0px 0px 0px;
	padding: 0 0px 0px 0px;
	/*border: 1px #DEB887 solid;*/
}
dl dt {
	float: left;
	width: 9em;/*各タイトル部分の横幅*/
	padding: 15px 0;
	/*font-weight: bold;*/
	text-indent: 3em;
	line-height: 150%;
}
dl dd {
	padding: 15px 0 15px 9em;/*左にはdt widthの値以上を書く*/
	line-height: 150%;
	border-bottom: 1px #DEB887 dashed;
}




.bar {
	margin:0px 0px 0px 40px;
    width: 783px;
	height:6px;
	background:url("../images/bar.gif");
	background-repeat: no-repeat;



}





/* table 
----------------------------------------------------*/

table {
	border-collapse: collapse;
}
th, td {
	margin: 0px;
	padding: 0px;
	font-weight: normal;

}


/* 商取引用テーブル
----------------------------------------------------*/


.company{
	margin: 0px 0px 0px 0px ;
	text-align: left;

	}
.company th{
	/*border-bottom: 1px solid #ccc;*/
	text-align: left;
	width: 200px;
	padding: 10px 20px 10px 0;
	/*font-weight: bold;*/
	}
.company td{
	/*border-bottom: 1px solid #ccc;*/
	padding: 5px 5px;
	}
	
	
	
	
	
	
	/* 問い合せ用テーブル
----------------------------------------------------*/


.contact-table{
	margin: 0px 0px 0px 0px ;
	text-align: left;

	}
.contact-table th{
	/*border-bottom: 1px solid #ccc;*/
	text-align: left;
	width: 708px;
	padding: 10px 20px 10px 0;
	/*font-weight: bold;*/
	}
.contact-table td{
	/*border-bottom: 1px solid #ccc;*/
	padding: 15px 5px;
	}
	

INPUT.jidou {
	ime-mode: auto; 
}

INPUT.nihongo { 
	ime-mode: active;
}

INPUT.eisuuji {
	ime-mode: disabled;
}



	
	/* ボーダーありのテーブル
----------------------------------------------------*/

#sample10	{/*sample10はメールフォームのクラス*/
    border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 10px;
	/*color: #cccccc;*/
	line-height:1.6em;
	font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",sans-serif;
}


#sample10 th	{
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	/*color: #666666;*/
	padding: 10px 15px 5px 15px;
}
#sample10 td	{
	border: 1px solid #999999;
	/*color: #333333;*/
	padding: 10px 15px 5px 15px;
}
.bg_td {
	 background: url("../images/bg_td.png");
}

/*-----インラインフレーム-----*/




.if_box_all {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	width: 830px;
	height: 150px;

}

.if_box {
	width:830px;
	height:150px;
	}



/*-----------新着情報インラインフレーム------------*/
.if_new {
	width:311px;
	height:362px;
	overflow:auto;
    text-align:left;
	font-size: 9pt;
    background-color: #ffffff;
	/* border: 1px solid #e8e8e8; widthに加算される！*/ 
	padding: 10px 10px 10px 0px; /* widthに加算される！ */
	margin: 0px 15px 0px 0px; 
	line-height: 170%;
	color:#916f43;
	font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",sans-serif;
    scrollbar-arrow-color:#cccccc;
scrollbar-face-color:#ffffff;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#cccccc;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
	 background: url("../images/bg.gif");
}

.if_new ul {
	list-style-type: none; /*----- リストマークの削除*/
}

.if_new a {
     text-decoration: none; 
 }

.if_new a:link {
	color:#916f43;
}

.if_new a:visited {
	color:#916f43;
}

.if_new a:hover {
	color:#916f43;
	text-decoration: underline;
}

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




/*-----新着情報インラインフレーム便箋-----*/

.top_main_01 {/*新着情報　タイトル*/
	margin: 0px 0px 0px 0px ;
	background:url("../images/top_main_01.gif");
    width: 708px;
    height: 40px;
	text-indent:-9999px;
	display:block;
	background-repeat: no-repeat;
}


.top_main_02{/*便箋　ボックス*/
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	width: 708px;
	height: 219px;

}

.if_whats_box {
	width:708px;
	height:219px;
	background:url("../images/info.gif") no-repeat;
	}
.if_whats_new {
	width:670px;
	height:150px;
	overflow:auto;
	text-align:left;
	font-size: 10pt;
	/* border: 1px solid #e8e8e8; widthに加算される！*/ 
	padding: 10px 0px 0px 10px; /* widthに加算される！ */
	margin: 20px 0px 0px 0px; 
	line-height: 280%;
	color: #666666;
	font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro 	W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	scrollbar-arrow-color:#cccccc;
	scrollbar-face-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}

.if_whats_new ul {
	list-style-type: none; 
}

.if_whats_new a {
     text-decoration: none; 
 }

.if_whats_new a:link {
	color: #666666;
}

.if_whats_new a:visited {
	color: #666666;
}

.if_whats_new a:hover {
	color: #666666;
	text-decoration: underline;
}

.if_whats_new li {
	display:block;
	background:url('../images/i_con.gif') no-repeat 0% 40%;
	padding-left:25px;
	/*margin-left:25px;*/
	color: #666666;
	}
	






.if_whats_new li.image {
	display:block;
	background:url('../images/i_con.gif') no-repeat 0% 40%;
	padding-top:0px;
	padding-left:25px;
	/*margin-left:25px;*/
	color: #666666;
	}


.if_whats_new li.image_none {
	background:url('../images/i_con.png') no-repeat 0% 40%;/*アイコン非表示にする為あえて存在しないアイコン名を指定している*/
	display:block;
	padding-left:120px;
	/*margin-left:25px;*/
	color: #666666;
	}




.underline {
	border-bottom:solid 2px;
	border-color:#DF0000;
	}




.back {/*ページの先頭へ戻る　ファイル名　サイズはhtml記入*/
 position: fixed;
 bottom: 300px;
 right: 0px;
}




.float_right {
	float:right;
	margin: 0px 0px 10px 10px ;

	}
	
	
.float_left {
	float:left;
	margin: 0px 10px 10px 0px ;
	}