@charset "UTF-8";

/* Menu ---------------メインメニューの体裁についてのCSSは別ファイル---------- */

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

Default CSS

for all pages
coded by d-spica at 2008-05-31
imported to "$category-name.css" and "top.css"

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

 
/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}


/* Setting */

html {  
  overflow-y: scroll;  
}

body {
  background: #FFF;
  font-family: sans-serif;
  font-size: 13px;
  color: #333;
}

* html body { /* for IE6 */
  font-size: small;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}
  
table {
  border-collapse: collapse;
}

legend {
  color: #333;
}

div#main p,
div#main ul,
div#main ol,
div#main dl,
div#main blockquote,
div#main pre,
div#main table {
  margin: 1em 0;
}


/* Option *//*

* html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
  
*:first-child+html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

* html ul li dl,
* html ol li dl {
  display: inline;
}

*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}

*/


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

Font Size

20px : 154%
18px : 139%
16px : 124%
15px : 116%  125%
14px : 108%  117%
13px : 100%  108%
12px :  93%  100%
11px :  85%   92%

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


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

:link,:visited {
	text-decoration: none;color:#730000;
}
html,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;
	font-size: 12px;	/*基本文字サイズ*/
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-spacing: 0;
}
fieldset,img,abbr,acronym {
	border: 0;
} 
ol,ul {
	list-style: none;
	font-size:100%;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
a {
	text-decoration: underline;
	border-bottom:solid #555 0px;
	outline: none;
}
a:hover {
	background-color:#fff6a9;	/*リンク文字のホバー時に背景色*/
}
hr {
	border: 0;
	height: 1px;
	background-color: #ccc;
	color: #000;
}
a img,:link img,:visited img {
	border: none;
}
address {
	font-style: normal;
	display: inline;
}

/* Clearfix ----------------------親要素に設定することでフロートを解除-------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





/* Global --------------------------------------------------------------------------------------------------------------------- */
html	{
	border-top:solid #38a1db 6px;	/*最上部の色ライン*/
}
body	{
	font-family: osaka,Meiryo;
	background-color:#ffffff;	/*背景色fffef7*/
}
#wrapper	{
	margin:0;
	padding:0;
	border-bottom:solid #38a1db 140px;
	background:url(./images/sitebk_y.jpg) repeat-x left 20px;
}
#wrapper.sub	{	/* サブページ用 */
	margin:0;
	padding:0;
	border-bottom:solid #38a1db 140px;
	background:url(./images/sitebk_sub_y.jpg) repeat-x left 20px;
}
#container	{
	border:solid #555 0px;
	width:800px;	/*サイト全体の横幅*/
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	padding:0 0px;
	text-align:left;
}

#mat	{	/* トップページ用 */
	background:url(./images/wrap_bg.jpg) repeat-y right top;
	border:solid red 0px;
/*最低限の高さを確保*/
	min-height:750px;
	height:auto !import;
	_height:650px;	/*IEのみ適用*/
	border:solid #555 0px;
}

#mat_sub	{	/* サブページ用 */
	background:url(./images/wrapsub_bg.jpg) repeat-y right top;
	border:solid red 0px;
/*最低限の高さを確保*/
	min-height:1280px;
	height:auto !import;
	_height:1080px;	/*IEのみ適用*/
	border:solid #555 0px;
}

/* Header ------------------------------------------------------------------ */
#header	{
	position:relative;
	border:solid green 0px;
	width:100%;
	height:80px;	/*ヘッダーの高さ*/
}
#header #sitename img	{	/*ロゴ画像の位置調整*/
	position:absolute;
	top:25px;
	left:0;
}
#header ul	{	/*へッダナビ*/
	position:absolute;
	top:0px;
	right:10px;
}
#header ul li	{	/*横並びに*/
	padding:0;
	margin:0;
	float:left;
/*	text-indent:-9999px;*/
}

#header ul li#hnav1	{	/*ヘッダーナビ*/
	margin:0 0px 0 0px;
	background:url(./images/sitemap.jpg) no-repeat 0px 50%;
	width:85px;
	height:20px;	border:solid red 0px;
}
#header ul li#hnav1 a span	{	/*ヘッダーナビ*/
	visibility:hidden;
}
#header ul li#hnav1 a:hover	{	/*ヘッダーナビ*/
	background-color:transparent;
}

#header ul li#hnav2	{	/*ヘッダーナビ*/
	margin:0 0px 0 0px;
	background:url(./images/contact.jpg) no-repeat 0px 50%;
	width:65px;
	height:14px;	border:solid red 0px;
}
#header ul li#hnav2 a span	{	/*ヘッダーナビ*/
	visibility:hidden;
}
#header ul li#hnav2 a:hover	{	/*ヘッダーナビ*/
	background-color:transparent;
}

#header p	{	/*問い合わせ先*/
	position:absolute;
	top:28px;
	right:0px;
	margin:0 0px 0 0px;
	background:url(./images/tel.png) no-repeat 0px 50%;
	width:425px;
	height:50px;
	text-indent:-9999px;
}

#topimg	{				/* トップページ用 */
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:316px;
	width:800px;
	background:url(./images/top01.jpg);
	margin-bottom:15px;
	text-indent:-9999px;
}
/*トップイメージ上の広告バナー表示*/
#fair	{
	position:absolute;
	top:350px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:100px;
	width:230px;
	background:url(./images/fair.png);
	border:solid green 0px;
	text-indent:-9999px;
	display:block;
}
#fair a	{
	height:100px;
	width:230px;
	display:block;
}
#fair a:hover {
	background-color:transparent;
}


#wrapper.sub #topimg	{	/* サブページ用 */
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:151px;
	width:800px;
	background:url(./images/sub03.jpg);
	text-indent:-9999px;
}
#wrapper.sub #topimg_blog	{	/* サブページのブログ用 */
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:151px;
	width:800px;
	background:url(./images/sub_blog01.jpg);
	text-indent:-9999px;
}

div.pan {	/*パンくずリスト*/
	width:100%;
	padding:10px 0;
}
#descript	{
	font-size:11px!important;
	line-height:2em;
}

/* Content ------------------------------------------------------------------ */

#content	{	/* トップページ用 */
	margin-right:5px;
/*	width:345px;*/
	width:416px;
	float:left;
	background-color:#ffffff;
	/*最低限の高さを確保*/
	min-height:50px;
	height:auto !import;
	_height:50px;
	position:relative;	/*サブメニュー固定の基準点に*/
	border:solid #555 0px;
}

#content.sub	{	/* サブページ用 */
	margin-top:15px;
	margin-right:5px;
/*	width:240px;*/
	width:520px;
	float:left;
	background-color:#ffffff;
	/*最低限の高さを確保*/
	min-height:50px;
	height:auto !import;
	_height:50px;
	position:relative;	/*サブメニュー固定の基準点に*/
	border:solid #555 0px;
}

#content #news	{
}
#content #news h2	{
	background:url(./images/newstitle.jpg) left top;
	width:416px;
	height:36px;
	text-indent:-9999px;
	border-left:solid green 0px;
	padding-left:0em;
	margin-top:0px;
}
#content #news p	{
	padding:0px 0;
	margin:0;
}
#news ul	{
	_line-height:1.3em;
	margin:0;
	padding:0;
}
#news ul li	{
	_line-height:1.3em;
	margin:0;
	padding:7px 0;
	border-bottom:dotted #555 1px;
}

#content #sub	{			/* サブページ用 */
}
#content #sub h2	{
	background:url(./images/subtitle.jpg) left 50%;		/* サブページ用 */
	width:100%px;
	height:37px;
	padding-left:1em;
	color:#000000;
	font-size:14px;
	text-align:left;
	line-height:37px;
	margin-top:0px;
	border-left:solid green 0px;
}

#content h2	{
	font-size:16px;
	color:#38a1db;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	border-left:solid #38a1db 6px;
	padding-left:0.7em;
	line-height:1.5em;
}
#content h2 a	{
	color:#38a1db;
}
#content h3	{
	font-size:16px;
	color:#eb6da5;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:0.5em;
}
#wrapper.top #content h3	{
	font-size:16px;
	color:#eb6da5;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:0px;border-bottom:dotted #aaa 1px;
}
#content h4	{	
	font-size:12px;
	color:#730000;
	font-weight:bold;
	margin-top:1.5em;
	margin-bottom:0.5em;
}
#content p	{
	color:#444;
	line-height:1.5em;
	margin-bottom:1em;
}
#content .entryfoot	{
	width:100%;
	border-top:solid #aaa 1px;
	color:#aaa;
	text-align:right;
	padding:5px;
	font-weight:bold;
	clear:both;
}
#content ul li	{
	list-style-type:none;
	list-style-position: outside;
	background:url(./images/point-ore.gif) no-repeat 0em 0.6em;
	padding-left:1em;
}
#content #hyou table {width:100%;}
#content #hyou table tr td	{border:solid #aaa 1px;padding:5px;vertical-align:top;}



/* Side-left----------------------------------------------------*/
#side-left	{	/* トップページ用 */
/*	width:416px;*/
	width:350px;
	background-color:white;
	margin-left:0px;
	_margin-left:0px;
	min-height:50px;
	height:auto !import;
	_height:50px;
	position:relative;	/*サブメニュー固定の基準点に*/
	float:right;	/*float居た場所空きの問題対策*/
	border:solid #555 0px;
}

#side-left.sub	{	/* サブページ用 */
/*	width:520px;*/
	width:240px;
	background-color:white;
	margin-top:15px;
	margin-left:0px;
	_margin-left:0px;
	min-height:50px;
	height:auto !import;
	_height:50px;
	position:relative;	/*サブメニュー固定の基準点に*/
	float:right;	/*float居た場所空きの問題対策*/
	border:solid #555 0px;
}

/* カテゴリボタン----------------------- */
/* ブログカテゴリボタン枠と空き*/
#blogbtn li	{
	margin-bottom:5px;
	padding:0px;
	position:relative;
}	


#blogbtn div.blogimg01	{
	position:absolute;
	top:5px;
	left:5px;
	width:45px;
	height:43px;
	border:solid red 0px;
	background:url(./images/tocontents_y01.png) no-repeat 0px 50%;
	float:left;
	text-indent:-9999px;
}
#blogbtn div.blogimg02	{
	position:absolute;
	top:5px;
	left:5px;
	width:45px;
	height:43px;
	border:solid red 0px;
	background:url(./images/tocontents_y02.png) no-repeat 0px 50%;
	float:left;
	text-indent:-9999px;
}
#blogbtn div.blogimg03	{
	position:absolute;
	top:5px;
	left:5px;
	width:45px;
	height:43px;
	border:solid red 0px;
	background:url(./images/tocontents_y03.png) no-repeat 0px 50%;
	float:left;
	text-indent:-9999px;
}


#blogbtn div.blogcate	{	/* トップページ用 */
	margin:0px 0px 0px 60px;
	text-align:left;
	width:80%;
	border:solid #555 0px;
	text-indent:0;
	min-height:51px;
	_height: 51px;
}

#blogbtn div.blogcate_sub	{	/* サブページ用 */
	margin:0px 0px 0px 60px;
	text-align:left;
	width:70%;
	border:solid #555 0px;
	text-indent:0;
	min-height:51px;
	_height: 51px;

}

#blogbtn div.blogcate p	{
	color:#666;
	margin:0 0 5px 0;
}

#blogbtn div.blogcate_sub p	{
	color:#666;
	margin:0 0 5px 0;
}

#blogbtn div.blogcate h3	{
	font-size:110%;
	font-weight:bold;
	color:#f39700;
	line-height:2em;
}

#blogbtn div.blogcate_sub h3	{
	font-size:110%;
	font-weight:bold;
	color:#f39700;
	line-height:2em;
}

ul#blogbtn a	{
	border:solid #f39700 1px;
	background-color:#fff6e9;
}

ul#blogbtn a:hover	{
	border:solid #f39700 1px;
	background-color:#fdeff5;
}



/* Blog ------------------------------------------------------------------ */
#blogs	{
	border-bottom:solid #aaa 1px;
	margin:7px 0 10px 0;
	padding:0px 0 7px 0;
	line-height:1em;
}
#blogs .bdate	{
	border:solid blue 0px;
	margin:0;
	padding:0;
	line-height:1em;
}
#blogs h3	{
	border:solid blue 0px;
	margin:7px 0 0 0;
	padding:0px 0 0px 0;
	line-height:1.3em;
}
#blogs h3 a	{
	border:solid blue 0px;
	margin:7px 0 0 0;
	padding:0px 0 0px 0;
	line-height:1.3em;
	color:#ff7800;
}
#blogs p	{
	border:solid green 0px;
	margin:7px 0 0 0;
	padding:0;
	line-height:1.3em;
}
.contenue	{font-size:11px;color:#888;}

#blogs .que span.question	{
	text-indent:-9999px;
	display:block;
	height:43px;
	width:43px;
	border:solid green 1px;
	background-image:url(./images/mark_q.gif);
}
#blogs .que h3	{
	vertical-align:top;
}
#blogs .que h3 a	{
	color:#38a1db;
}
#blogs .ans	{
	margin:7px 0;
	padding:10px;
	background-color:#fdeff5;
}
#blogs .ans span.answer	{
	text-indent:-9999px;
	display:block;
	height:43px;
	width:43px;
	border:solid green 0px;
	background-image:url(./images/mark_a.gif);
}
div #content .q_naiyou	{	/*よくあるQ*/
	color:#38a1db;
	margin-bottom:20px;
	background:url(./images/mark_q.gif) no-repeat 0px 50%;
	padding:10px 10px 10px 55px;
	border-bottom:solid #aaa 0px;
	line-height:1.5em;
}
div #content .a_naiyou	{	/*よくあるA*/
	background:url(./images/mark_a.gif) no-repeat 0px 10px;
	padding:10px 10px 10px 55px;
	color:#414141;
	line-height:1.5em;
}

/* Link ------------------------------------------------------------------ */
div.linklist	{
	width:100%;
	border-bottom:dotted #555 1px;
	padding:0px 0 0 0;
	margin:0;
}
.linklist h4	{
	font-weight:
	bold;font-size:120%;
	line-height:1.5em;
	background:url(./images/arrow1.jpg) no-repeat left 48%;
	text-indent:1.5em;
	margin:0;
	padding:0;
	line-height:1.5em;
	border:solid red 0px;
}
.linklist p	{
	margin:0;
	padding:0;line-height:0;
	margin-left:2em;
}



/* SubMenu ------------------------------------------------------------------ */
#submenu	{
	width:100%;
	float:left;
	position:absolute;
	_padding-top:5px;
}

*:first-child+html #submenu	{padding-top:5px;}	/*IE7のみ*/

#submenu ul.sideleft li	{
	text-align:left;
	width:100%;
	border:solid red 0px;
	margin:5px 0;
	/margin:0px 0;	/*IE67用*/
	/overflow : hidden;	/*IE67用*/
	line-height:2.5em;
}

/*#submenu span	{background-color:transparent;padding:5px 20px 5px 0;	border-right:solid #ffc000 8px;}*/

#submenu span	{
	background-color:transparent;
	padding:5px 0 5px 20px;	
	border-left:solid #38a1db 8px;
}
#submenu ul.sideleft li a	{
	display:block;
	background-color:#fff;
	color:#38a1db;
	font-weight:bold;
}
#submenu ul.sideleft li a:hover	{
	display:block;
	background-color:#d3e6f6;
}

/* 会社情報クレジット */
#submenu #prof{
	margin:10px 0 0 0;
	text-align: left; 
	background-color:#bae3f9;
	border: 1px dotted #555555; 
	padding: 5px 5px 5px 15px; 
	line-height: 1.5em;
	color: #808080;
	font-size:14px;
}

#submenu #prof p a {
style="color: #808080;"
	font-size:14px;
}


/* SiteMap ------------------------------------------------------------------ */
div.sitemap h4	{
	background:url(./images/arrow1.jpg) no-repeat left 50%;
	text-indent:1.5em;
	line-height:1.5em;
}
div.sitemap h4 a	{
	font-weight:bold;
}
div.sitemap p	{
	text-indent:1.5em;
}


/* Footer ------------------------------------------------------------------ */
#footer	{
	border:solid #555 0px;
	width:100%;
	clear:both;
	position:relative;
	margin:0;background:white;
}
#foot-nav	{
	text-align:center;
	line-height:40px;margin-bottom:10px;
}
#foot-nav ul li	{
	display:inline;
	font-size:12px;
	margin:0;
	padding:0px 10px 0px 10px;
	border-right:solid #555 1px;
	text-align:center;
}
#foot-nav ul li.last	{
	border-right:solid #555 0px;
}
#footer #copy	{	/*著作権表示*/
	font-size:11px;
	position:absolute;
	bottom:-55px;
	color:#fff;
	width:100%;
	text-align:left;
	line-height:1.3em;
}
#footer #copy a	{
	color:#780000;
/*font-weight:bold;*/
}
#footer #copy a:hover	{
	color:#780000;
}
#footer div.totop	{
	width:100%;
	text-align:right;
	border-bottom:dotted #555 0px;
	padding:10px 0;
}
.waku	{
	border:solid #555 1px;
	padding:10px;
	line-height:3.5em;
	background-color:#fef1c8;
}

/* ツイッター -------------------------------------------------------------- */
#twitter	{
	width:240px;
	padding:5px 0 3px 0;
	background-color:#414141;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	line-height:1.7em;margin-bottom:10px;
}

#twitter a	{
	color:#ffffff;
}

/* Facebook -------------------------------------------------------------- */
#facebook	{
	width:240px;
	max-height:50px;
/*	padding:15px 0 15px 0;*/
/*	background-color:#3B5998;*/
	text-align:center;
	font-size:12px;
	color:#ffffff;
	line-height:1.7em;
}

#facebook a	{
	display:block;
	width:240px;
	color:#ffffff;
	max-height:50px;
}

/* Line@ -------------------------------------------------------------- */
#lineat	{
	width:240px;
	max-height:50px;
/*	padding:15px 0 15px 0;*/
/*	background-color:#3B5998;*/
	text-align:center;
	font-size:12px;
	color:#ffffff;
	line-height:1.7em;
margin-top:30px;
}

#lineat a	{
	display:block;
	width:240px;
	color:#ffffff;
	max-height:50px;
}