@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* tag
------------------------------------------------------------------------*/

h1 {} /* Header内で設定 */
h2 { line-height: .1; }
h3 {
	margin-bottom:10px;
}
h4 {}

a { color: #39876D; text-decoration: underline; }
a:hover,
a:active { color: #39876D; }
a:visited {}

/* Contents
------------------------------------------------------------------------*/

#main p { padding:0px; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop { clear: both; padding-bottom: 20px; }
ul.totop li { list-style: none; }
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	float: right;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
  background: url(../images/bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
#container {
	width: 100%;
	margin: 0 auto;
  background: url(../images/header_bg.jpg) center top no-repeat;
}
#main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#content {
	display: inline;
	width: 645px;
	float: left;
	margin: 10px 0px 0 15px;
}

* html #content {	
margin: 10px 0px 0 7px;
}

#main_img {
	position:absolute;
	background:url(../images/main.jpg) no-repeat;
	width:880px;
	height:260px;
	left: 32px;
	top: 179px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position:relative;
	width: 940px;
	height: 440px;
	margin: 0 auto;
	text-align: left;
}

#contents #header {	height: 290px;}

.titles {
	position:absolute;
	text-align:center;
	left: 55px;
	top: 30px;
	width: 541px;
	height: 59px;
	line-height:62px;
}

.titles img {
	vertical-align:middle;
}

#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	position:absolute;
	left: 33px;
	top: 11px;
}
#header h1 a {
  display: block;
	width: 250px;
	height: 80px;
}
#header #header02 {
	float: right;
	padding-top: 10px;
}
#header #header02 a {
	display: block;
	width: 150px;
	height: 40px;
  background: url(../images/header_link.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
#header #header02 a:hover { background-position: bottom; }

#top_des {
	position:absolute;
	left: 266px;
	top: 13px;
}

.head_nav {
	position:absolute;
	width: 302px;
	left: 626px;
	top: 15px;
}

.head_nav li {
	display: inline;
}

.bn_tel {
	position:absolute;
	left: 626px;
	top: 39px;
}

#g_nav {
	position:absolute;
	left: 263px;
	top: 109px;
}

#g_nav li {
	float:left;
}


/*==========================================================================*/
/*                             Global_navi                                  */
/*==========================================================================*/


#global_nav {
}
#global_nav ul {
	margin: 0;
}
#global_nav ul li {
	float: left;
	list-style: none;
}
#global_nav ul li a {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: -9999em;
	background: url(../images/global_nav.jpg) 0 0 no-repeat;
}

#global_nav ul li.gnav01 a { background-position: 0 0; }
#global_nav ul li.gnav02 a { background-position: -160px 0; }
#global_nav ul li.gnav03 a { background-position: -320px 0; }
#global_nav ul li.gnav04 a { background-position: -480px 0; }
#global_nav ul li.gnav05 a { background-position: -640px 0; }

#global_nav ul li.gnav01 a:hover { background-position: 0 -30px; }
#global_nav ul li.gnav02 a:hover { background-position: -160px -30px; }
#global_nav ul li.gnav03 a:hover { background-position: -320px -30px; }
#global_nav ul li.gnav04 a:hover { background-position: -480px -30px; }
#global_nav ul li.gnav05 a:hover { background-position: -640px -30px; }

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: right;
	width: 225px;
	padding: 10px 0 0;
	text-align: center;
	margin-right:10px;
}

* html #nav {
	margin-right:5px;
}

#nav ul,
#nav dl {
	text-align: left;
}

#nav dl dt,
#nav ul li { list-style: none; }

#nav dl dt.nav_title01 {
	height: 40px;
	text-align: center;
}
#nav dl dt.nav_title02 {
	height: 40px;
	margin-top: 20px;
	text-align: center;
}

#nav dl dd {
	margin: 0;
}


.ceontents_title {
	position:absolute;
	background:url(../images/h3_cantents.jpg) no-repeat;
	height:117px;
	left: 33px;
	width: 882px;
	top: 179px;
}


dl.nav01 {
	background:url(../images/bg_navi_00.jpg) no-repeat;
	width:225px;
	height:112px;
	margin-bottom:10px;
}


dl.nav01 dt {
	padding:5px;
}

dl.nav01 dd {
	margin:0 0 0 0;
	text-align:center;
}

dl.nav01 dt img,dl.nav01 dd img {
	vertical-align: baseline;
}

dl.nav02 {
	background:url(../images/bg_navi_05.jpg) no-repeat;
	width:225px;
	height:81px;
	margin-bottom:10px;
}

dl.nav02 dt {
	padding:5px;
}

dl.nav02 dd {
	margin:0 0 0 0;
	text-align:center;
}

dl.nav02 dt img,dl.nav02 dd img {
	vertical-align: baseline;
}

ul.nav {
	background:url(../images/bg_navi_04.jpg) bottom;
	padding-bottom:10px;
}

.nav li {
	padding-left:10px;
}

.nav li a {
	display:block;
	background:url(../images/nav_bg02.jpg) no-repeat;
	padding:10px 30px;
	padding-right:0px;
	margin-right:10px;
}

.m20 {
	margin-bottom:20px;
}

.nav li a:hover {	background: url(../images/nav_bg.jpg) no-repeat;}


.bn_top {
	margin-bottom:10px;
}

.banner_top {
	position:absolute;
	left: 651px;
	top: 5px;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	height:200px;
	color: #fff;
	clear: both;
	background:url(../images/bg_body.jpg) repeat-x;
	text-align:center;
}

.pagetop {
	position:absolute;
	left: 761px;
	top: 12px;
}


#footer_inner {
	position:relative;
	width:940px;
	height:200px;
	margin:0px auto;
	text-align:left;
  background: url(../images/footer_bg.jpg) center top no-repeat;
}

#footer address {
	width: 800px;
	margin: 0 auto;
	line-height: 20px;
}


#footer_bn {
	position:absolute;
	left: 654px;
	top: 65px;
}

#footer_bn img {
	margin-bottom:10px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#index h3#h3_01 { background: url(../images/index_h3_01.jpg) 0 0 no-repeat; }

.m10 {
	margin:0 1px;
}

.price { margin-top:5px;}

h3.m2 {
	margin-top:10px;
}

#main_img p {
	position:absolute;
	left: 653px;
	top: 5px;
}

h4 {
	background:url(../images/h4_01.jpg) no-repeat;
	width:642px;
	line-height:35px;
	text-indent:10px;
	color:#FFFFFF;
	font-size:25px;
	height:35px;
	margin:0 0 15px 0;
}

h4.min {
	font-size:18px;
	font-weight:bold;
}

h5 {
	background:url(../images/h4_02.jpg) no-repeat;
	width:642px;
	line-height:35px;
	text-indent:45px;
	font-size:18px;
	height:35px;
	margin:15px 0 5px 0;
	font-weight:bold;
}

#contents #content p {
	padding:0 10px;
}

#contents #content p.none {
	padding:0;
}

.coment {
	border:#A1C9BC solid 4px;
	padding:10px;
	margin:10px;
	overflow:hidden;
}

.center {
	text-align:center;
}

.summer_01 {
	position:relative;
	background: url(../images/summer_bg_01.jpg) no-repeat;
	width:642px;
	height:481px;
	margin:10px 0;
}

.summer_02 {
	position:relative;
	background: url(../images/winter_bg_01.jpg) no-repeat;
	width:642px;
	height:481px;
	margin:10px 0;
}

#contents #content .box_title {
	position:absolute;
	left: 17px;
	top: 19px;
	padding:0px;
}

#contents #content .box_pick {
	position:absolute;
	left: 48px;
	top: 295px;
	padding:0px;
}


#contents #content .box_color {
	position:absolute;
	left: 17px;
	top: 69px;
	padding:0px;
}


#contents #content .photos {
	position:absolute;
	left: 95px;
	top: 70px;
}

#contents #content .photos a {
	margin:3px;
	border:1px solid #ffffff;
	overflow:hidden;
	display:block;
}

#contents #content .photos a:hover {
	border:1px solid #339966;
}

#contents #content .imgbox {
	position:absolute;
	left: 312px;
	top: 23px;
}


#contents #content p.banners {
	margin:10px 0;
	padding:0px;
}

#contents #content p.banners02 {
	padding:10px 0;
}

.f_l {
	float:left;
}

img.f_l {
	margin:0 10px 10px 0;
}

table.company {
	width:600px;
	margin:20px;
}

table.company th {
	width:30%;
	border:#999999 solid 1px;
	background: #EFF4EC;
	padding:7px;
}

table.company td {
	border:#999999 solid 1px;
	padding:7px;
}

.red {
	color:#FF0000;
}

ul.lists {
	margin:10px 0;
}

ul.lists li {
	background:url(../images/lists.jpg) no-repeat;
	padding-left:15px;
	margin-left:10px;
	color:#738572;
}


#sitemap li {
	background: url(../images/h4_02.jpg) no-repeat;
	line-height:35px;
	margin-bottom:15px;
	text-indent:45px;
	font-size:16px;
	font-weight:bold;
}

#sitemap li ul li {
	background:url(../images/lists.jpg) no-repeat;
	line-height:20px;
	padding-left:15px;
	margin-left:10px;
	color:#738572;
	margin-bottom:5px;
	text-indent:0px;
	font-size:12px;
	font-weight:normal;
}

li.mam {

}

#blog { padding: 10px; }

#blog dl { width: 600px; }

#blog dt {
	width: 100px;
	float: left;
	clear: both;
	}
	
#blog dd {
	width: 500px;
	float: left;
	}