@charset "utf-8";

/* CSS Document */

	
/* ================================================================================ */
/*      general params                                                              */
/* ================================================================================ */


*{ margin:0;padding:0; }/* margin&padding reset */
body {
	text-align:center;/* box centering */
	font:normal 12px arial,sans-serif;
	margin:0px;
	padding:0px;
	color:#4e4e4e;
	/*background-color:#326e52;*/
	background:url(/images/body_bg.gif) repeat left top;
}

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

h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,th,td,form, blockquote{
	padding:0px;
	margin:0px;
	line-height:1.6em;
	text-align:left;
}

table		{ margin :0; empty-cells:show; }
hr 			{ display:none; }
img			{ border:none; }
ul li		{ list-style:none; }

a:link		{ color:#4e4e4e; text-decoration:none; }
a:visited	{ color:#6C0265; text-decoration:none; }
a:active	{ color:#FF6666; }
a:hover		{
	color:#479d71;
	text-decoration:none;
	text-decoration:underline;
}

/*
#container{
	width:860px;
	height:auto;
	background:url(../img/container_bg.gif) repeat-y left top;
	margin:0px auto;
}
#container:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}
*/
body > div,
body > p,
body > ul{margin:0px auto;}

#header  a:link,
#header  a:visited{ color:#fff; }
#header  a:hover  { color:#479d71; }

#footer p a:link,
#footer p a:visited{ color:#736862; }
#footer p a:hover  { color:#479d71; }

/* ================================================================================ */
/*      A.font                                                                      */
/* ================================================================================ */


/* -----A-a.font-size-------------------------------------------------------------- */

table				{ font-size:100%; }

h1					{ font-size:100%; font-weight:normal; line-height:100%; }
#header li	{ font-size:100%; font-weight:normal; line-height:100%; }
#header ul	{ font-size:100%; font-weight:normal; line-height:100%; }

h2					{ font-size:150%; }/* 18px */
h3					{ font-size:134%; }/* 16px */
h4					{ font-size:100%; }
h5					{ font-size:100%; }
#news_textarea{ font-size:100%; }/* 12px */
/* -----A-b.line-height------------------------------------------------------------ */

#left_column p{ line-height:normal; }

/* -----A-c.font-weight------------------------------------------------------------ */

/* -----A-d.fontcolor-------------------------------------------------------------- */

#header_top p			{ color:#fff; }
#header_bottom li	{ color:#fff; }
#footer p					{ color:#fff; }

/* -----A-e.text-decoration-------------------------------------------------------- */

	
/* ================================================================================ */
/*      B.pablic class                                                              */
/* ================================================================================ */


.align_c			{ text-align:center; }
.align_ca			{ text-align:center; border-top:2px dotted #CCCCCC; clear:both; padding:5px 0px 20px; }
.align_r			{ text-align:right; }

.float_r			{ float:right; }
.display_i li	{ display:inline;}


.lmar_10			{ margin-left:10px;}

/* ================================================================================ */
/*      1.header                                                                    */
/* ================================================================================ */

	
#header{
	width:900px;
	height:auto;
	background:#fff;
	padding:0px 0px 0px 0px;
	}
#header .float_r{ float:right; }
#header h1,
#header p,
#header ul{ float:left; }

/* -----1-1.header_top------------------------------------------------------------- */

#header_top{
	width:900px;
	height:auto;
	padding-top:10px;
}

/* -----1-2.header_bottom---------------------------------------------------------- */
#header_bottom{
	width:890px;
	height:auto;
	background:#fff url(/images/snavi_bg.gif) no-repeat right top;
	margin-left:10px;
	padding:7px 0px 6px;
	clear:both;
}
#header h1{ width:590px; height:auto; }
#header ul{
	width:290px;
	height:auto;
	text-align:center;
}

#header_top:after,
#header_bottom:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}


/* ================================================================================ */
/*      0.site key visual                                                           */
/* ================================================================================ */


#key_visual{
	width:100%;
	clear:both;
	text-align:center;
	/*background:url(/images/header_bg.gif) repeat-x left top;*/
}


/* ================================================================================ */
/*      0.other                                                                     */
/* ================================================================================ */


#other{
	width:900px;
	/*height:35px;*/
	height:auto;
	background:#fff url(/images/news_bg.gif) no-repeat left top;
}

.mybounce {
	height: 24px;
	width: 247px;
	position:relative;
	left:93px;
	top:0px;
	text-align: center;
	overflow: hidden;
}

#news_head{ height:22px; cursor:pointer; visibility:hidden;}

.mybounce textarea {
	height: 95%;
	width: 272px;
	padding:0px 5px;
	background: #4b423b url(images/other_bg3.gif) repeat-y left top;
	border:0px;
	display: block;
	padding-bottom:25px;
	color:#FFFFFF;
}
* html .mybounce textarea {
	width: 278px;
}

/* ================================================================================ */
/*      0.breed holder                                                              */
/* ================================================================================ */


#i_breed_holder{ padding:10px 15px; }


/* ================================================================================ */
/*      0.memu                                                                      */
/* ================================================================================ */


#menu{
	width:900px;
	height:50px;
	background:#fff;
	}
#menu li{
	width:150px;
	height:50px;
	float:left;
	}
#menu li a{
	display:block;
	width:150px;
	height:50px;
	text-indent:-5000px;
	}


/* -----0-1.memu link-------------------------------------------------------------- */

	#btn1			{ background:url(/images/menu1.gif) no-repeat left top; }
	#btn2			{ background:url(/images/menu2.gif) no-repeat left top; }
	#btn3			{ background:url(/images/menu3.gif) no-repeat left top; }
	#btn4			{ background:url(/images/menu4.gif) no-repeat left top; }
	#btn5			{ background:url(/images/menu5.gif) no-repeat left top; }
	#btn6			{ background:url(/images/menu6.gif) no-repeat left top; }

/* -----0-2.memu hover------------------------------------------------------------- */

	#btn1:hover		{ background:url(/images/menu1.gif) no-repeat left bottom; }
	#btn2:hover		{ background:url(/images/menu2.gif) no-repeat left bottom; }
	#btn3:hover		{ background:url(/images/menu3.gif) no-repeat left bottom; }
	#btn4:hover		{ background:url(/images/menu4.gif) no-repeat left bottom; }
	#btn5:hover		{ background:url(/images/menu5.gif) no-repeat left bottom; }
	#btn6:hover		{ background:url(/images/menu6.gif) no-repeat left bottom; }

/* -----0-3.memu stay-------------------------------------------------------------- */


/* ================================================================================ */
/*      0.table                                                                     */
/* ================================================================================ */

/*お問い合わせ*/
table.type01{
	width:100%;
	font-size:117%;

	border-collapse:collapse;
	border-top:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	margin:10px 0px;
}
table.type01 td,
table.type01 th{
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	padding: 5px; 
}

table.type01 th{ text-align:left; padding-right:10px; background:#e1e1e1; }

table.type01 td.error{ text-align:center; background:#ff8b8b url(/images/inquiry/error_bg.gif) repeat_x left top; }
/*会社概要*/
table.type1 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0pt;
	border-right:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
	margin:10px 0px;
}
table.type1 th,
table.type1 td{
	padding:5px;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	text-align:left;
}
table.type1 tr.even th,
table.type1 tr.even td {
	background: #eff2ee;
}

table.type1 tr.over td,
table.type1 tr.over th {
	background: #3c755b;
	color: #FFFFFF;
}

table.type1 tr.over td a{	color: #FFF; text-decoration:underline; }
table.type1 tr.over td a:hover{	color: #40de95; text-decoration:underline; }

/* ================================================================================ */
/*      3.footer_banner                                                             */
/* ================================================================================ */


#footer_banner{
	width:900px;
	height:auto;
	clear:both;
	background:#ccc;
	}
#footer_banner:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
	}
	
#footer_banner li{
	width:150px;
	height:100px;
	float:left;
	}
#footer_banner li a{
	display:block;
	width:150px;
	height:100px;
	text-indent:-5000px;
	}

/* -----3-1.footer_banner link----------------------------------------------------- */

#bana1{ background:url(/images/pr_banner1.jpg) no-repeat left top; }
#bana2{ background:url(/images/pr_banner2.jpg) no-repeat left top; }
#bana3{ background:url(/images/pr_banner3.jpg) no-repeat left top; }
#bana4{ background:url(/images/pr_banner4.jpg) no-repeat left top; }
#bana5{ background:url(/images/pr_banner5.jpg) no-repeat left top; }
#bana6{ background:url(/images/pr_banner6.jpg) no-repeat left top; }



/* ================================================================================ */
/*      4.footer                                                                    */
/* ================================================================================ */

#footer_navi{
	width:900px;
	height:auto;
	text-align:center;
	padding:10px 0px;
	background:#fff;
	clear:both;
}

#footer{
	width:900px;
	height:auto;
	background:#4c4641 url(/images/footer_bg.gif) repeat-x left top;
	padding:10px 0px;
}
#footer p{
	text-align:center;
}


/* ================================================================================ */
/*      5.main contents                                                             */
/* ================================================================================ */


#contents{
	width:880px;
	height:auto;
	background:#fff;
	padding:20px 10px 10px;
}
#contents:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}

.contents_box{
	width:435px;
	height:auto;
	float:left;	
}

* html #contents{ width:900px; } /*IE-hack*/


.contents_box h2{
	width:857px;
	height:auto;
	padding:0px 5px 0px 5px;
	margin-bottom:5px;
	border:3px solid #316e52;
	border-left:10px solid #316e52;
	clear:both;
}
* html .contents_box h2{ width:880px; } /*IE-hack*/
.contents_box h3{
	width:415px;
	height:auto;
	padding:0px 5px;
	background:#dadada;
	border-left:10px solid #c0c0c0;
	margin:10px 0px;
}
* html .contents_box h3{ width:435px; } /*IE-hack*/

#contents p{
	/*width:100%;*/
	height:auto;
	margin:10px 0px;
}
/*#contents ul.mark{
	width:435px;
	width:435px;
	height:auto;
	margin:10px 0px;
}
#contents ul.math{
	width:435px;
	height:auto;
	margin:10px 0px;
}
*/
.contents_box ul,
.contents_box ol{
	width:405px;
	height:auto;
	margin:10px 0px;
	padding:0px 0px 0px 30px;
}
* html .contents_box ul,
* html .contents_box ol{ width:435px; }/* IE hack */

.contents_box ul li,
.contents_box ol li{
	height:auto;
	margin:3px 0px;
}
.contents_box ul li{
	list-style:disc;
}

/* ================================================================================ */
/*      6.top main contents                                                         */
/* ================================================================================ */

#contents ul#news{
	width:568px;
	height:150px;
	padding:3px 10px;
	overflow:auto;
	border:1px solid #ad8d8c;
}
* html #contents ul#news{ width:588px; } /* IE hack */

#contents ul#news li{ margin:0px 0px 5px; }
#contents ul#news li hr{
	width:100%;
	height:1px;
	margin-top:5px;
	display:block;
	color:#facbca;
}


/* 個人情報保護ページCSS */
#privacy h2{ border-left:5px solid #d2d2d2; padding:3px 10px; }
#privacy h3{
	border-top:1px dashed #e9e9e9; padding-bottom:3px;
	border-bottom:1px dashed #e9e9e9; padding-bottom:3px;
	background:#f4f4f4;
	padding:3px 10px;
	margin:30px 0px 20px;
}
#privacy p{ margin-left:10px; margin-right:10px; }
#privacy ol{ margin:20px 20px 20px 40px; }
#privacy ol li{ margin-bottom:15px; }
#privacy ol li dt{ font-weight:bold; font-size:16px; border-bottom: 1px solid #F0F0F0; margin-bottom:5px; }
#privacy ol li dd ul{ margin-left:15px; }
#privacy ol li dd li{ list-style:disc; margin-bottom:0px; }
#privacy ol li dd,
#privacy ol li dd li{ line-height:1.4; }

#privacy table{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border:1px solid #ccc;
	border-collapse:collapse;
}
#privacy table th,td{ padding:5px; margin:0px; font-size:12px; }
#privacy table th{ border:1px solid #ccc; background:#e9e9e9; text-align:center; font-weight:normal; }
#privacy table td{ border:1px solid #ccc; text-align:center; }

#privacy .box{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border:5px solid #e9e9e9;
	padding:20px;
}
#privacy a{
	color:#00a8ff;
	text-decoration:underline;
}
#privacy a:hover{ color:#ff6d6d; }

/* フォーム関連 個人情報取り扱いの同意書ボックス指定 */
#agreement_box{
	width:600px;
	height:400px;
	margin:10px auto;
	padding:15px;
	border:1px solid #e9e9e9;
	overflow:auto;
}
#agreement_box ol{
	margin-left:30px;;
	margin-right:10px;;
}

#agreement_box p{
	margin:10px;
}

#agreement_box .agreement_midashi{
	border-bottom:1px dashed #e9e9e9;
	margin:0px 0px 5px 0px;
	padding-bottom:3px;
}

#agreement_box a{
	color:#00a8ff;
	text-decoration:underline;
}
#agreement_box a:hover{ color:#ff6d6d; }