@charset "utf-8";
* { margin : 0 ; padding : 0 ; }


/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html 					{overflow-y: scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td 
							{margin: 0;padding: 0; zoom: 1;}
address,caption,cite,code,dfn,em,strong,th,var 
							{font-style: normal;}
table					{border-collapse: collapse; border-spacing: 0; border:0;}
th,td,tr			{font-weight:normal;border:0;}
caption,th		{text-align: left;}
q:before,
q:after				{content: '';}
object,embed	{vertical-align: top;}
hr,legend			{display: none;}
h1,h2,h3,h4,h5,h6 	
							{font-size: 100%;}
img,abbr,acronym,
fieldset			{border: 0;}
li 						{list-style-type: none;}
label					{cursor:pointer;}
img						{vertical-align:top;}
p							{text-align: justify;text-justify: distribute; }
em						{font-style:normal;font-weight:bold;}
a							{text-decoration: none; color:#3867b0;}
a:hover				{text-decoration: underline;}
a:hover img.alpha			
							{opacity:0.7;filter: alpha(opacity=70);backgroud-color: #FFFFFF;}
							
.alpha_now			
							{opacity:0.5;filter: alpha(opacity=50);backgroud-color: #FFFFFF;}






/*----------------------------------------------------
	clearfix
----------------------------------------------------*/

div:after 				{content: "."; display: block; visibility: hidden; height: 0.1px;
											font-size: 0.1em;line-height: 0; clear: both;}
div 							{zoom: 100%;}
.clearfix:after		{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix 				{min-height: 1px;display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{height: 1%;}
.clearfix 				{display: block;}
/* End hide from IE-mac */
/* clearfix end */
.cl								{	display: inline-block;}
.cl:after 				{	content: "";	display: block;	clear: both;}





/*----------------------------------------------------
	全体のレイアウト指定
----------------------------------------------------*/


html { 
	background:url(../img/bg_wood2.jpg) center top;
	min-width:1050px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#1b1b1b; font-size:12px;
}
	 
body { 
	background:url(../img/bg_wood_top.jpg) no-repeat center top;
	min-width:1050px;white-space:1.2em;word-break:break-all;
}


.container {
	background-image: url(../img/bg_w.gif);
	background-repeat: no-repeat;
	background-position: right 50px;
	position:relative;
	overflow:hidden;
	margin-bottom:0;
	

}

.wrap {
	max-width:1040px;padding-right:240px;margin:0 auto;position:relative;
	background:url(../img/bg_frame_top.png) repeat-x left top;
	padding-top:20px;overflow: hidden; height:100%; zoom:1;
		} 
	
.content {	background: url(../img/bg_frame_left.png) repeat-y left top;padding-left:30px;}

.sub_content { clear:both;
	width:270px;	position:absolute; right:0;	top:0; 
	background:url(../img/bg_frame_right_top.png) no-repeat left top;
	padding-top:20px;
}
	
.content_bg {	position:relative;background-color:#fff;padding:26px 30px 40px 10px;}

#main {	margin-left:235px; min-height:1000px;}

#main_wrap { position:relative; }
#nav	{width:230px; position:absolute; top:0; left:0;}

.side {
	background:url(../img/bg_frame_right_body.png) repeat-y right top #fff; 
	width:190px;	padding:100px 20px 0 60px;
	text-align:center;	position:relative;
	zoom:1;
	
/*	overflow:hidden;padding-bottom: 32768px;	margin-bottom: -32768px; zoom:1*/

}





/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/


#header 		{ height:30px; max-width:1260px; min-width:1040px; margin:0 auto; position:relative;}
#header h1	{  font-size:13px; font-weight:normal; color:#fff; line-height:100%; padding:15px 0 0 10px;}
#header p	{  font-size:13px; font-weight:normal; color:#fff; line-height:100%; padding:15px 0 0 10px;}
#unav				{ position:absolute; right:100px; top:10px; }
#unav ul li {
	display:inline;	font-size:13px;
	background: url(../img/ico_unav_home.png) no-repeat left center;
	margin-right: 5px;padding-left: 15px;
}
#unav ul li.sitemap { background-image:url(../img/ico_unav_sitemap.png)}
#unav ul li.inquiry { background-image:url(../img/ico_unav_inquiry.png)}
#unav ul li.regist { background-image:url(../img/ico_unav_regist.png)}
#unav a { color:#fff100;}
#search { position:absolute; right:0; top:5px; }

	
	
#visual { height:350px;overflow:hidden; position:relative;}
#visual2 { position:relative; }



.noki { 
	position:absolute;right:30px;	top:-15px;
	background:url(../img/bg_header_noki.png) no-repeat;
	width:205px;height:105px;
	text-align:center;	padding-top:45px;
	font-size:12px;	font-weight:bold;	color:#d26e9a;
}
	
.noki .noki_t2 { font-size:28px; }


.cp { 
	position:absolute;right:250px;	top:-15px;
	background:url(../img/bg_header_cp.png) no-repeat;
	width:205px;height:105px;
	text-align:center;	padding-top:45px;
}

.cp_top { 
	position:absolute;right:428px;	top:-15px;
	background:url(../img/bg_header_cp.png) no-repeat;
	width:205px;height:105px;
	text-align:center;	padding-top:45px;
}

.gallery_top { 
	position:absolute;right:220px;	top:-15px;
	background:url(../img/img_gallery.png) no-repeat;
	width:205px;height:105px;
	text-align:center;	padding-top:45px;
}


.logo_txt {position:absolute; left:170px; top:37px; font-size:14px; letter-spacing:0.1em; line-height:140%}


/*----------------------------------------------------
	サイト内検索、inputスタイル
----------------------------------------------------*/

input,select 						{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#i_search_input 	{
	background:url(../img/bg_searchbox.png) no-repeat right top;border:none;width:140px;height:30px;line-height:100%;	}
	
.ipt_btn					{vertical-align:top; width:55px; height:25px; padding-top:5px;}


	/* IEハック */
	
	#i_search_input {
		*padding-top:10px; /* IE7 */
		*background-position:right -1px;
		padding-top:10px\9; /* IE8 */			
		}
	#i_search_input:not(:target) {
			padding-top:2px\9; /* IE9 */
	}
		




/*----------------------------------------------------
	フォトブック背景最下部用
	「container_bottom.js」で使用
----------------------------------------------------*/

.container_bottom {
	min-width:1050px;	height:20px;	margin-bottom:10px;
	background: url(../img/bg_frame_bottom2.png) no-repeat center top;
	overflow: hidden;
}
	
.container_bottom .wrap {
	max-width:1040px;	padding-right:240px;
	margin:0 auto;	position:relative;	overflow: hidden;
	background: url(../img/bg_frame_bottom.png) repeat-x left top;
	} 
	
.container_bottom .w_right { 
	width:270px; 	position:absolute; right:0; top:0; 
	background:url(../img/bg_frame_right_bottom.png) no-repeat left top;
	padding-top:20px;
}



/*----------------------------------------------------
	ナビゲーションメニュー（左サイド）
----------------------------------------------------*/

#nav .nav_box {background:url(../img/bg_nav_body.gif) no-repeat left bottom; margin-bottom:10px; padding-bottom:10px;}
#nav .nav_box ul {padding-left:10px;}
#nav .nav_box.gnav { background-image:url(../img/bg_nav_bookcollection.gif);}

#nav .nav_box ul li ul { background:url(../img/bg_nav_sub_bottom.gif) no-repeat left bottom #fcfaf7; width:169px; padding:5px 10px; border-bottom:1px solid #e2e2e2; margin:0 0 1px 0; }
#nav .nav_box ul li ul li { margin-bottom:4px; padding-bottom:4px;border-bottom:1px dotted #d9d4cb; }
#nav .nav_box ul li ul li.last { margin-bottom:0; border-bottom:none; }



/* ローカルナビゲージョン */

ul.lnav  { margin-bottom:20px; border:1px solid #dbdbdb; background-color:#fff; letter-spacing:0.2em; font-size:14px;}
ul.lnav  { background:url(../img/bg_lnav.gif) repeat-x left bottom; }


.lnav li { float:left;  width:33.3%; text-align:center; background: url(../img/dot_e5e5e5.gif) repeat-y left top ;}
.lnav li.bgno { background-image:none;}
.lnav li a { padding:10px 0; display:block; font-size:13px;}
.lnav li a.no { color:#555; }
.lnav li a.no:hover { text-decoration:none; cursor:default;}

ul.lnav.l2 li { width:50%;}
ul.lnav.l4 li { width:25%;}


.lnav.pagenav li { float:left; width:50%; text-align:center; letter-spacing:0.1em; border-bottom:1px dotted #e5e5e5; }
.lnav li.bgno2 { background-image:none; border-bottom:none; border-right:1px dotted #e5e5e5;}


/*----------------------------------------------------
	ソ－シャルボタン
----------------------------------------------------*/

.socialbutton 			{ margin-bottom:10px; display:none;}
.socialbutton_inner { float:right;}

iframe.twitter-share-button {width: 90px!important;}

div#___plusone_0 { /*（例）幅を 105px とした場合 */ width: 65px!important; }



/*----------------------------------------------------
	コンテンツ（中央）
----------------------------------------------------*/




table.tbl_type01 	{  width:100%; }

table.tbl_type01 	{ border:1px solid #dcdcdc; width:100%; }
table.tbl_type01 th 			{ background-color:#eef8ff; width:150px; letter-spacing:0.1em; vertical-align:top;}
table.tbl_type01 th,
table.tbl_type01 td		{ padding:10px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; vertical-align:top;}
table.glay th { background-color:#f5f5f5;  }



table.tbl_type02 	{  width:100%; }

table.tbl_type02 	{ border:1px solid #dcdcdc; width:100%; }
table.tbl_type02 th 	{ background-color:#eef8ff;letter-spacing:0.1em;}
table.tbl_type02 th,
table.tbl_type02 td		{ padding:10px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; vertical-align:bottom; text-align:center;}
table.glay th { background-color:#f5f5f5;}
table tr.glay { background-color:#f9f9f9;}
table tr.lavender { background-color:#F5F5FF;}


/*----------------------------------------------------
	パンくずリスト
----------------------------------------------------*/
#topicpath { background:url(../img/topicpath/bg_topicpath.gif) repeat-x right top; height:30px; }
#topicpath ul { }
#topicpath li					{ display:block; height:23px;  padding:7px 20px 0 10px; background:url(../img/topicpath/li_bg_topicpath.png) no-repeat right top; float:left; }

#topicpath li.tp_home { background:none; padding:0;}

/*----------------------------------------------------
	ギャラリー（右サイド）
----------------------------------------------------*/


.sub_gallery		 { margin-bottom:10px;}
.sub_gallery div { margin-bottom:10px; }
.sub_gallery img {
	margin-bottom:5px;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #f5f5f5;
}

.sub_gallery div a:hover img	{opacity:0.7;filter: alpha(opacity=70);backgroud-color: #FFFFFF;}

/* ギャラリーを表示・非表示ボタンの通常スタイル */
img.gallery_close	{position:absolute; left:40px; top:210px; display:block;}
img.gallery_close2	{position:absolute; left:70px; top:100px; display:block;}
img.gallery_open	{position:absolute; left:40px; top:210px; display:none;}
/* img.gallery_close	{position:absolute; left:70px; top:100px; display:block;}


/*----------------------------------------------------
	フッター
----------------------------------------------------*/


#footer_wrap	{ background:url(../img/bg_footer.png) repeat-x left bottom; margin-bottom:15px; height:210px;}
#footer				{  max-width:1260px; min-width:1040px; margin:0 auto; position:relative;}
#privacymark	{
	position:absolute;right:0px;top:0px;width:250px;
	background:url(../img/bg_privacymark.png) no-repeat right bottom;
	padding:10px 20px 12px 8px;
	font-size:10.5px;letter-spacing:0.15em;color:#434343;line-height:150%;
}
#privacymark img { float:left; margin-right:10px; }
#fnav					{ padding-left:10px; padding-top:25px; margin-bottom:30px; height:65px;}
#fnav li			{ display:inline-block; background:url(../img/ico_fnav_listmark.gif) no-repeat left center; padding-left:9px; margin-right:8px;font-weight:bold; /display: inline;
/zoom: 1;}
#fnav li a		{ color:#fff;}
#fnav li.no		{ background:none; padding:0;}
#fnav p				{ padding-top:15px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.1em; clear:both; }

#fnav ul					{ padding-right:280px;}

ul#sitelink			{  max-width:1260px; min-width:1040px; margin:0 auto; height:90px; overflow:hidden; display:block;}
#sitelink li		{ width:20%; height:80px; display:block; float:left; text-align:center; }
#sitelink li p	{ text-align:center; display:block; }
#sitelink li a	{ color:#1b1b1b;}

.totop				{text-align:right;}
.totop-last		{ position:absolute; right:0px; bottom:-20px; }


/*----------------------------------------------------
	誘導ボタン
----------------------------------------------------*/

ul.conduct li					{ float:left; width:50%;}
ul.conduct li,
ul.conduct li a 			{  height:70px; display:block; text-align:left;overflow:hidden; }
ul.conduct li:hover,
ul.conduct li a:hover { background-color:#f5f5f5; text-decoration:none;}
ul.conduct li.btn_sample_price a	{ background:url(../img/conduct/btn_sample_price.gif) no-repeat 10px 10px; padding:25px 0 0 70px;} 
ul.conduct li.btn_tips a					{ background:url(../img/conduct/btn_tips.gif) no-repeat 10px 10px; padding:25px 0 0 70px;} 
ul.conduct li.btn_user a					{ background:url(../img/conduct/btn_user.gif) no-repeat 10px 10px; padding:25px 0 0 70px;} 
ul.conduct li.btn_ganref a				{ background:url(../img/conduct/btn_ganref.gif) no-repeat 10px 10px; padding:18px 0 0 70px;} 
ul.conduct li.btn_new a					{ background:url(../img/conduct/btn_new.png) no-repeat 10px 10px; padding:25px 0 0 70px;} 
ul.conduct li.btn_notes a					{ background:url(../img/conduct/btn_notes.gif) no-repeat 10px 10px; padding:18px 0 0 70px;} 
ul.conduct li.btn_mb_editor a					{ background:url(../img/conduct/btn_mb_editor.gif) no-repeat 10px 10px; padding:18px 0 0 70px;} 

ul.conduct li.btn_mppi a				{ background:url(../img/conduct/btn_mppi.gif) no-repeat 10px 10px; padding:18px 0 0 70px; color:#eb8a00;} 
ul.conduct li.btn_notes_mppi a				{ background:url(../img/conduct/btn_notes_mppi.gif) no-repeat 10px 10px; padding:18px 0 0 70px; color:#eb8a00;} 





/*----------------------------------------------------
	共通パーツ
----------------------------------------------------*/

.r_back_w			{ background-color:#fff; width:1000px; position:absolute; right:0; top:50px; padding:0; margin:0;}

/* 矢印リンク */
.aroww_01			{ background:url(../img/index/arrow_01.png) no-repeat right 4px; padding-right:15px;}
.aroww_02			{ background: url(../img/arrow_prev.gif) no-repeat left center; padding-left:15px;}


/* h1スタイル----------------------------------- */

h1.h1_title01 span { text-align:center; color:#fff; background:url(../img/h2_bg_r.png) no-repeat right bottom; font-size:24px; display: block; letter-spacing:0.05em; line-height:2.5em; height:60px;}
h1.h1_title01 p { text-align:center; color:#fff; background:url(../img/h2_bg_r.png) no-repeat right bottom; font-size:24px; letter-spacing:0.05em; line-height:2.5em; height:60px;}
.h1_title01 { background:url(../img/h2_bg_l.png) no-repeat left bottom #359fd8;}
h1.h1_title01 { padding:0; height:60px; overflow:hidden; margin-bottom:10px;text-align:center;}


	/* h1：青 */
	.h1_title02 {  font-size:22px; margin-bottom:20px;}
	.h1_title02 p, .h1_title02 a { text-align:center; color:#00a0e9; display:block; padding:0;    }
	
	/* h1：オレンジ */
	.h1_title02.orange p, .h1_title02.orange a {  color:#eb8a00; }
	
	/* h1：緑 */
	.h1_title02.green p, .h1_title02.green a { color:#4e804e; }
	
	/* h1：茶色 */
	.h1_title02.brown p, .h1_title02.brown a { color:#806243; }


.h1_title04 {background-color:#f1faff; border:1px solid #b8d4e3;padding:25px; height:30px; padding:0; position:relative; margin-bottom:15px;
							font-size:14px; text-align:left; line-height:2.25em; letter-spacing:0.1em; padding-left:10px;}
.h1_title04 p { color:#359fd8;}
.h1_title04 a.old_news {font-size:12px; position:absolute;right:10px; top:0px; font-weight:normal; background:url(../img/index/arrow_01.png) no-repeat right center; padding-right:10px; letter-spacing:0em;}


/* h2スタイル----------------------------------- */

h2.h2_title01 p { text-align:center; color:#fff; background:url(../img/h2_bg_r.png) no-repeat right bottom; font-size:24px; letter-spacing:0.05em; line-height:2.5em; height:60px;}
.h2_title01 { background:url(../img/h2_bg_l.png) no-repeat left bottom #359fd8;}
h2.h2_title01 { padding:0; height:60px; overflow:hidden; margin-bottom:10px;text-align:center;}


	/* h2：青 */
	.h2_title02 {  font-size:22px; margin-bottom:20px;}
	.h2_title02 p, .h2_title02 a { text-align:center; color:#00a0e9; display:block; padding:0;    }
	
	/* h2：オレンジ */
	.h2_title02.orange p, .h2_title02.orange a {  color:#eb8a00; }
	
	/* h2：緑 */
	.h2_title02.green p, .h2_title02.green a { color:#4e804e; }
	
	/* h2：茶色 */
	.h2_title02.brown p, .h2_title02.brown a { color:#806243; }


.h2_title04 {background-color:#f1faff; border:1px solid #b8d4e3;padding:25px; height:30px; padding:0; position:relative; margin-bottom:15px;
							font-size:14px; text-align:left; line-height:2.25em; letter-spacing:0.1em; padding-left:10px;}
.h2_title04 p { color:#359fd8;}
.h2_title04 a.old_news {font-size:12px; position:absolute;right:10px; top:0px; font-weight:normal; background:url(../img/index/arrow_01.png) no-repeat right center; padding-right:10px; letter-spacing:0em;}

.h2_type01 { border-left:5px solid #ccc; margin-bottom:1.5em;  padding-left:10px; line-height:140%; font-size:16px; letter-spacing:0.05em; font-weight:normal; text-align:left; }
.h2_type02 {font-size:26px; text-align:center; margin-bottom:20px; letter-spacing:0.05em;}

/* h3スタイル----------------------------------- */

.h3_type01 { border-left:5px solid #ccc; margin-bottom:1.5em;  padding-left:10px; line-height:140%; font-size:16px; letter-spacing:0.05em; font-weight:normal; text-align:left; }
.h3_type02 {font-size:26px; text-align:center; margin-bottom:20px; letter-spacing:0.05em;}



/* boxスタイル----------------------------------- */

.box_style01	{ background-image:url(../img/bg_mesh.gif); padding:10px; margin:0;}
.box_style01 .bg_w_p25 { background-color:#fff; padding:25px; position:relative;}
.abs_rt25			{ position:absolute; right:25px; top:25px; }


.box_style02	{ background-color:#f1faff; border:1px solid #b8d4e3;padding:25px; }
.box_style03	{ background-color:#FFC; border:1px solid #dcdcdc;padding:10px; }



.ul_fl50 li { width:46%; float:left; margin:0 2% 20px 2%;}
.ul_fl li { float:left; margin-left:10px;}

hr {display:block; border:none; border-top:1px dotted #ccc; background-color:#fff; margin-bottom:20px;}


/* 編集ソフトをダウンロードボタン */
.to_download_btn		{ background:url(../img/index/btn_bg_download.gif) no-repeat right top; width:100%; height:110px; margin-bottom:20px; }
.to_download_btn a	{ background:url(../img/index/btn_bg_download_free.png) no-repeat left top; width:100%; height:110px; text-align:center; display:block;  }
.to_download_btn:hover		{ background-position:right bottom; }
.to_download_btn a:hover	{ background-position:left bottom; }



/* 可変カラーボタン（デフォルト：青） */
.variable_btn					{ background:url(../img/index/btn_bg_blue_01.gif) no-repeat right top; text-align:center;}
.variable_btn a				{ background:url(../img/index/btn_bg_blue_02.gif) no-repeat left top; display:block;  height:40px; overflow:hidden;}
.variable_btn:hover		{ background-position:right bottom;}
.variable_btn a:hover { background-position: left bottom; text-decoration:none;}

	/* 緑 */
	.btn_green		{ background-image:url(../img/index/btn_bg_green_01.gif); height:40px; overflow:hidden;}
	.btn_green a	{ background-image:url(../img/index/btn_bg_green_02.gif);}
	/* オレンジ */
	.btn_orange		{ background-image:url(../img/index/btn_bg_orange_01.gif); height:40px; overflow:hidden;}
	.btn_orange a	{ background-image:url(../img/index/btn_bg_orange_02.gif);}
	/* グレイ */
	.btn_gray		{ background-image:url(../img/btn_bg_gray_01.gif); height:40px; overflow:hidden;}
	.btn_gray a	{ background-image:url(../img/btn_bg_gray_02.gif);}
	/* 水色 */
	.btn_aqua		{ background-image:url(../img/index/btn_bg_aqua_01.gif); height:40px; overflow:hidden;}
	.btn_aqua a	{ background-image:url(../img/index/btn_bg_aqua_02.gif);}
	/* 茶色 */
	.btn_brown		{ background-image:url(../img/index/btn_bg_brown_01.gif); height:40px; overflow:hidden;}
	.btn_brown a	{ background-image:url(../img/index/btn_bg_brown_02.gif);}	
	/* ムラサキ */
	.btn_purple		{ background-image:url(../img/index/btn_bg_purple_01.gif); height:40px; overflow:hidden;}
	.btn_purple a	{ background-image:url(../img/index/btn_bg_purple_02.gif);}		
	/* ピンク */
	.btn_pink		{ background-image:url(../img/index/btn_bg_pink_01.gif); height:40px; overflow:hidden;}
	.btn_pink a	{ background-image:url(../img/index/btn_bg_pink_02.gif);}	


.variable_btn a.txt_vbtn {color:#fff; padding-top:10px; height:30px;}
.variable_btn a.txt_link { font-size:14px; line-height:2.8em; color:#1b1b1b;}
.variable_btn a.txt_link2 { font-size:14px; line-height:2.8em; color:#fff;}


.variable_btn2	{ background: url(../img/variable/variable_bg_green_01.gif) no-repeat right top; text-align:center; max-width:500px; margin:0 auto;height:50px;}
.variable_btn2 a	{ background: url(../img/variable/variable_bg_green_02.gif) no-repeat left top; display:block; height:50px; overflow:hidden; color:#fff; font-size:18px; line-height:2.8em; }
.variable_btn2:hover		{ background-position:right bottom;}
.variable_btn2 a:hover { background-position: left bottom; text-decoration:none;}

.variable_btn2.min { background-image:url(../img/variable/variablemin_bg_blue_01.gif); width:350px; margin:0 auto; height:40px;}
.variable_btn2.min a { background-image:url(../img/variable/variablemin_bg_blue_02.gif); height:40px; font-size:14px; line-height:2.9em;}



/* お問い合わせ誘導ボタン */
.inquiry h2 { border-bottom:1px dotted #d2d2d2; margin-bottom:20px; text-align:left; font-size:16px; font-weight:normal; padding-bottom:3px; }
.variable_btn a.txt_btn{ text-align:left; padding-top:10px; height:30px; padding-left:20px; color:#1b1b1b; letter-spacing:0.1em;}
.variable_btn a.txt_btn1{ text-align:left; padding-top:10px; height:30px; padding-left:20px; color:#1b1b1b; letter-spacing:0.1em; text-decoration:underline; }
.variable_btn a:hover.txt_btn { color:#3867b0; }
.variable_btn a:hover.txt_btn1 { color:#3867b0; }



p.more a {padding:5px 10px; background-color:#eee; }
p.more a:hover { background-color:#3867b0; color:#fff; text-decoration:none;}


/* ヘルプツールチップ */
p.help,
a.help { background:url(../img/help_ico.png) no-repeat left center; padding-left:16px; position:relative; cursor:pointer; }
a.pdf { background:url(../img/pdf_ico.png) no-repeat left center; padding-left:20px; position:relative; cursor:pointer;}

/* 数字リスト */

ol.decimal { padding-left:1.8em;}
ol.decimal li {list-style-type:decimal; margin-bottom:1em;}





/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/

.clear				{	clear:both; height:0px;}
.alpha img		{	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.alpha img:hover{	filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;backgroud-color: #FFFFFF;}
.relat	{ position:relative;}
.abso		{ position:absolute;}
.abso_l0t0		{ position:absolute; left:0; top:0;}

.txt_left		{	text-align:left; }
.txt_center	{ text-align:center;}
.txt_right	{ text-align:right;}
.txt_red	{ color:#c00;}
.txt_blue { color:#039;}
.b		{ font-weight:bold;}
.nml	{ font-weight:normal:}

.font_11 {	font-size:11px;}
.font_14 {	font-size:14px;}
.font_16 {	font-size:16px;}
.font_18 {	font-size:18px;}
.font_20 {	font-size:20px;}
.font_24 {	font-size:24px;}

.lh_140	{	line-height:140%;}
.lh_150 {	line-height:150%;}
.lh_160 {	line-height:160%;}
.lh_170 {	line-height:170%;}
.lh_180 {	line-height:180%;}

.fl		{ float:left;}
.fr		{ float:right;}

.p_5	{ padding:5px;}
.p_10	{ padding:10px;}

.mb_0 { margin-bottom:0px !important;}
.mb_5 { margin-bottom:5px !important;}
.mb_10 { margin-bottom:10px !important;}
.mb_20 { margin-bottom:20px !important;}
.mb_24 { margin-bottom:24px !important;}
.mb_30 { margin-bottom:30px !important;}
.mb_40 { margin-bottom:40px !important;}
.mb_50 { margin-bottom:50px !important;}

.ml_0 { margin-left:0px;}
.ml_10 { margin-left:10px;}
.ml_20 { margin-left:20px;}
.ml_30 { margin-left:30px;}
.ml_40 { margin-left:40px;}
.ml_50 { margin-left:50px;}

.mr_0 { margin-right:0px;}
.mr_10 { margin-right:10px;}
.mr_20 { margin-right:20px;}
.mr_30 { margin-right:30px;}
.mr_40 { margin-right:40px;}
.mr_50 { margin-right:50px;}

.pt_0	{ padding-top:0px;}
.pt_10 { padding-top:10px;}
.pt_20 { padding-top:20px;}
.pt_30 { padding-top:30px;}
.pt_40 { padding-top:40px;}
.pt_50 { padding-top:50px;}
.pt_60 { padding-top:60px;}

.pb_0 { padding-bottom:0px;}
.pb_10 { padding-bottom:10px;}
.pb_20 { padding-bottom:20px;}
.pb_30 { padding-bottom:30px;}
.pb_40 { padding-bottom:40px;}
.pb_50 { padding-bottom:50px;}

.pl_0 { padding-left:0px;}
.pl_10 { padding-left:10px;}
.pl_20 { padding-left:20px;}
.pl_30 { padding-left:30px;}
.pl_40 { padding-left:40px;}
.pl_50 { padding-left:50px;}

.pr_0 { padding-right:0px;}
.pr_10 { padding-right:10px;}
.pr_20 { padding-right:20px;}
.pr_30 { padding-right:30px;}
.pr_40 { padding-right:40px;}
.pr_50 { padding-right:50px;}

.w20 { width:20px;}
.w50 { width:50px;}
.w80 { width:80px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}


.bg_w { background-color:#fff; }

.max_w600 { max-width:600px; margin:0 auto; }
.max_w650 { max-width:650px; margin:0 auto; }
.max_w700 { max-width:700px; margin:0 auto; }

.block { display:block; }
.none { display:none; }



.box_1s_g {padding:20px;border:1px solid #e5e5e5; position:relative;}
.box_2s_g {padding:20px;border:2px solid #e5e5e5; position:relative;}



.f_orange {color:#eb8a00 !important; }