@charset "utf-8"; 

/*****************************************************
------------------------------------------------------
	[ main css ]
------------------------------------------------------
*****************************************************/

*{
	margin:0px;
	padding:0px;
	border:none;
	font-family:sans-serif;
}
body{
	width:100%;
}
img {
	vertical-align:bottom;
}

/*****************************************************
------------------------------------------------------
	[ Layout ]
------------------------------------------------------
*****************************************************/

#wrapall{
	width:797px;
	margin:0 auto;
	padding-top:20px;
	font-size:0.8em;
	background:#ffffff;
}

div.telfax {
	color:#0B1F65;
	text-align:right;
	font-size:1.5em;
	font-weight:bold;
}

/*----------- header -----------------------------*/

#header {
	width:797px;
	height:45px;
	margin:0 auto;
	background:#209D2F url(../images/parts/header_img.gif) bottom left no-repeat;
}


/*----------- main -------------------------------*/

#main {
	padding-top:20px;
	clear:both;
}

/*** 2col left ***/
	div.contents {
		width:510px;
		padding-bottom:20px;
		float:left;
	}

/*** 2col right ***/
	
	div.right_area {
		width:260px;
		padding-bottom:10px;
		float:right;
	}

	
/*----------- footer -----------------------------*/

#footer {
	padding-top:15px;
	background:#00A93A;
	text-align:center;
	clear:both;
}


/*****************************************************
------------------------------------------------------
	[ Parts ]
------------------------------------------------------
*****************************************************/
a { color:#e41c24; }
a:hover { color:#f99; }

.main_color { color:#00aa3a; }

/*****************************************************
	header 
*****************************************************/

/*----------- logo ---------------------------------*/

p.logo {
	width:216px;
	float:left;
}

/*----------- menu (header-menu) ---------------------*/

div.upmenu  {
	width:475px;
	padding-top:12px;
	float:right;
	overflow:hidden;
}
div.upmenu ul {
	float:right;
	overflow:hidden;
}
div.upmenu li {
	color:#fff;
	font-size:12px;
	border-left:1px solid #fff;
	list-style:none;
	float:left;
}
div.upmenu li a {
	color:#ffffff;
	padding:0.5em 1em;
	padding-left:40px;
	text-decoration:none;
	display:block
}
div.upmenu li.top a { background:url(../images/parts/icon_top.gif) 10px 0px no-repeat; }
div.upmenu li.profile a { background:url(../images/parts/icon_profile.gif) 10px 0px no-repeat; }
div.upmenu li.form a { background:url(../images/parts/icon_form.gif) 10px 0px no-repeat; }
div.upmenu li.contact a { background:url(../images/parts/icon_mail.gif) 10px 0px no-repeat; }

div.upmenu li.top a:hover,
div.upmenu li.profile a:hover,
div.upmenu li.form a:hover,
div.upmenu li.contact a:hover {
	color:#ffff00;
}
	
/*----------- main menu -----------------------*/

#mainmenu ul {
	overflow:hidden;
}
#mainmenu li {
	width:260px;
	margin-bottom:3px;
	list-style:none;
	float:left;
}
#mainmenu li a {
	width:260px;
	float:left;
	display:block;
}

#mainmenu li.hisashi a img  { border:1px solid #00A93A;border-top:1px solid #088430;border-left:1px solid #088430; }
#mainmenu li.amido a img { border:1px solid #EE8AB5; }
#mainmenu li.pet a img { border:1px solid #3C258F; }
#mainmenu li.glass a img { border:1px solid #00A5E9 ; }
#mainmenu li.reform  a img { border:1px solid #666666; }
#mainmenu li.blog  a img { border:1px solid #F4A000; }

#mainmenu li.hisashi a:hover img { border:1px solid #1A3C1E;border-top:1px solid #1A3C1E;border-left:1px solid #1A3C1E; }
#mainmenu li.amido a:hover img { border:1px solid #55343D; }
#mainmenu li.pet a:hover img { border:1px solid #55343D; }
#mainmenu li.glass a:hover img { border:1px solid #1A3B4A; }
#mainmenu li.reform a:hover img { border:1px solid #FFFFFF; }
#mainmenu li.blog a:hover img { border:1px solid #573A0F; }

p.aboutus { padding-bottom:10px; }

/*****************************************************
【 main 】
*****************************************************/


/*----------- location -----------------------*/

#location {
	margin-bottom:20px;
	margin-left:-0.3em;
}
#location a {
	margin:0 0.3em;
	color:#333333;
	text-decoration:none;
}
#location a:hover {
	color:#FF0000;
	text-decoration:underline;
}
#location strong a {
	color:#EC3232;
}

/*----------- link (navi) -----------------------*/
p.link { 
	margin-top:-15px;
	/*float:right;*/
	text-align:right;
}

/*----------- pagetop -----------------------*/

.pagenavi {
	padding:0;
	padding-top:25px;
	clear:both;
}

.pagenavi a.pagetop {
	width:158px;
	height:18px;
	display:block;
	text-indent:-38000px;
	background:url(../images/parts/pagetop.gif) 0px 0px no-repeat;
	float:right;
}
.pagenavi a.pagetop:hover {
	background:url(../images/parts/pagetop.gif) -166px 0px no-repeat;
}

.pagenavi a.contacts {
	width:120px;
	height:18px;
	display:block;
	text-indent:-38000px;
	background:url(../images/parts/link_contacts.gif) 0px 0px no-repeat;
	float:right;
}
.pagenavi a.contacts:hover {
	background:url(../images/parts/link_contacts.gif) -166px 0px no-repeat;
}



/*****************************************************
	footer
*****************************************************/

/*----------- menu(footer) -----------------------*/

#footer ul.fmenu {
	padding-bottom:5px;
}
#footer ul.fmenu li {
	color:#fff;
	font-size:12px;
	display:inline;
}
#footer ul.fmenu li a {
	padding:0 0.5em;
	color:#fff;
	border-left:1px solid #fff;
	text-decoration:none;
}
#footer ul.fmenu li a:hover {
	color:#ff0000;
}
#footer ul.fmenu li.fmenu_04 a { border-right:1px solid #fff;  }

#footer ul.fmenu li.fmenu_01 a:hover,
#footer ul.fmenu li.fmenu_02 a:hover,
#footer ul.fmenu li.fmenu_03 a:hover,
#footer ul.fmenu li.fmenu_04 a:hover {
	color:#ffff00;
}


/*----------- copyright -----------------------*/

#footer address {
	padding-bottom:15px;
	color:#fff;
	font-size:12px;
	clear:both;
	font-weight:normal;
	font-style:normal;
}

input,
text-area {
	padding:1px;
}