@charset "utf-8";

/* *****************************************************
 *	common.css_index
 * 	Copyright (c) 2008 e-store.co.jp All rights reserved.
 *  1.basic
 *  2.page rayout block
 *  3.header block
 *  4.Navigation
 *  5.local Navigation
 *  6.footer block
 * *****************************************************/

/* *****************************************************
 *  1.basic
 * *****************************************************/
* {
	margin           : 0;
	padding          : 0;
	font-size        : 100%;
	font-style       : normal;
	}
	
body {
	font-size        : 80%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	text-align       : center;
	background:url(../img/bg01.jpg) repeat center top;
	color:#333;
	}

	
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea,caption {
	margin           : 0;
	padding          : 0;
    }

/*\*/
* html body          { font-size: 75%;}
* html table {
	font-size        : 100%;
	line-height      : 1.5;
}


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

/* Hides from IE-mac \*/
* html #content      {height: 1%;}
#content             {display: block;}
/* End hide from IE-mac */

img,table            { border: none; }
ul                { list-style: none; }

/*Link coler*/
a:link               { color: #3399CC; }
a:visited            { color: #3399CC; }
a:hover              { color: #000000;text-decoration: none; }

/*command*/
.right              { float: right;}
.left               { float: left;}
.clear              { clear: both;}
caption 			{ display: none;}

/*margin*/
.margin-t10 { margin-top:10px;}
.margin-t40 { margin-top:40px;}

/*padding*/
.padding-t30 { padding-top:30px;}

/*coler*/
.red                 { color: #FF3300; }
.orange              { color: #FF6600; }
.yellow              { color: #FF9900; }

/*text置換共通class*/
.hidden {
	margin           : 0;
	text-indent      : -9999px;
    }	

/* *****************************************************
 *  2.page rayout block
 * *****************************************************/
#wrapper {
	width			: auto;
	height			: auto;
	background		: url(../img/bg08.jpg) repeat-x center top;
	}

#container {
	width			: 848px;
	height			: auto;
	text-align		: left;
	margin			: 0 auto;
	padding			: 15px 0 26px 0;

	}


body#pop { background		: url(../img/bg08.jpg) repeat-x center top;}

#pop #container {
	width			: 500px;
	height			: auto;
	text-align		: left;
	margin			: 26px auto;
	}


/* *****************************************************
 *  3.header block
 * *****************************************************/

/* header-top */

#header-top{
	width			: 840px;
	position		: relative;
	top				: 0px;
	left			: 10px;
}
#header-top p{
	font-size:86%;
	top:0px; left:0;
}

#header-top ul {
	position:absolute;
	width:400px;
	top: 0px;
	left: 500px;
	}

#header-top ul li{float:left; }

#header-top ul li.textnavi{
margin-left:5px;
font-size:86%;
}


/* header-topここまで */



#header {
	background:url(../img/li01.jpg) repeat-x left bottom;
	width			: 840px;
	height			: 86px;
	position		: relative;
	top				: 0;
	left			: 10px;
	}

#header p { position: absolute;}
#header p.logo { top:0; left:0; }
#header p.sammary { top:0; left:82px; }
#header p.sub { top:0; left:475px; }


#header ul {
	position:absolute;
	width:380px;
	height:18px;
	top: 60px;
	left: 475px;
	background: url(../img/bg09.jpg) no-repeat;
	}

#header a { color:#951234; font-size:105%;}

#header ul li { float:left; }

#header ul li.tsuika { text-indent:-9999px;}
#header ul li.off { margin-left:5px;}
#header ul li.Bookmark { padding-left:10px;}

#header ul li.tsuika a { 
	display:block;
	width: 118px;
	height:18px;
	text-decoration:none;
	}

#header ul li.tsuika a:hover{ background: url(../img/bg10.jpg) no-repeat;
	}

/* *****************************************************
 *  4.global Navigation
 * *****************************************************/
.local-nav {
	width:840px;
	height:auto;
	margin: 5px 5px 0 13px;
	font-size:85%;}

#navi { 
	position:relative;
	width:848px;
	height:42px;	
	margin-left:6px;}

#navi p.title { position:absolute; top: 13px; left: 0; }

#navi ul { 
	width:848px;
	height:42px;
	top:0;
	left:6px;
	background:url(../img/bg11.jpg);
	text-indent:-9999px;	
	}

/*各カテゴリーのカレント表示*/
/*#navi ul.one_on { background: url(../img/bg02.jpg) 0 -80px;}
#navi ul.two_on { background: url(../img/bg02.jpg) 0 -120px;}*/

#navi ul li {  float: left;}

#navi ul li a {
    display         : block;
	text-decoration : none;/*for netscape*/
	position        : absolute;
	top             : 0;
	height          : 40px;
	width			: 187px;
	}

#navi ul li.one a 		{ left: 463px;}
#navi ul li.two a 		{ left: 650px;}

#navi ul li.one a:hover   { background: url(../img/bg11.jpg) -463px -42px;}
#navi ul li.two a:hover    { background: url(../img/bg11.jpg) -650px -42px;}




/* *****************************************************
 *  5.cover block
 * *****************************************************/
.headbox { 
	width:848px;
	height:auto;
	background:url(../img/bg04.jpg) repeat-y;
	margin-left:6px;
	}

.headbox h2 { margin:5px 0 31px 14px;
	}

.headbox .story {
	width:825px;
	height:177px;
	margin-left:4px;
	background:url(../img/bg07.jpg) no-repeat top ;
	}

.headbox .story ul  {
	width: 500px;
	height: 160px;
	position:relative;
	top: 0;
	left: 325px;
	text-indent: -9999px;
	}	

.top { margin:15px 0 0 6px; clear:both;}	
.bottom { margin-left:6px; clear:both;}	

/*花RIRO*/
.headbox .story ul li { float: left; }

.headbox .story ul li a {
	position:absolute;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 160px;
	top: 0;
	}

.headbox .story ul li.ag a {left: 0;}
.headbox .story ul li.ah a {left: 170px;}
.headbox .story ul li.ai a {left: 340px;}

.headbox .story ul li.ag a:hover { background:url(../img/bt06_on.jpg) no-repeat;}
.headbox .story ul li.ah a:hover { background:url(../img/bt07_on.jpg) no-repeat;}
.headbox .story ul li.ai a:hover { background:url(../img/bt08_on.jpg) no-repeat;}

/*シモンズ*/
ul.box {
	width: 187px;
	height:570px;
	background:url(../img/bg13.jpg) no-repeat;
	position: relative;
	top: 2px;
	left: 0;
	}

ul.box li { text-indent: -9999px; vertical-align:bottom;}

ul.box li a {
	position:absolute;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 160px;
	top: 70px;
	left: 16px;
	}

ul.box li.aj a {top: 70px;}
ul.box li.ak a {top: 240px;}
ul.box li.al a {top: 410px;}

ul.box li.aj a:hover { background:url(../img/bt09_on.jpg) no-repeat;}
ul.box li.ak a:hover { background:url(../img/bt10_on.jpg) no-repeat;}
ul.box li.al a:hover { background:url(../img/bt11_on.jpg) no-repeat;}




/* *****************************************************
 *  6.content block
 * *****************************************************/
#content { 
	width:848px;
	height:auto;
	background:url(../img/bg04.jpg) repeat-y;
	margin-left:6px;
	padding:0 0 30px 0;
	overflow:auto;
	}

.main { 
	width:810px;
	height:auto;
	margin:0 0 0 19px;
	}

.main h3 {
	padding-top:40px;
	}

.main p {
	text-align:justify;
	line-height:180%;
	font-size:114%;
	margin:15px 10px 0 16px  ;
	}

.main img.r { float:right ;margin:10px 10px 10px 30px ; }
.main img.l { float:left ;margin:10px 20px 10px 10px ; }

/* *****************************************************
 *  7.footer block
 * *****************************************************/
#bunner-box {
	margin-top:17px;
	width:848px;
	height:204px;
	background:url(../img/bg06.jpg) no-repeat top;
	position:relative;
	top:0;
	left:6px;
	clear:both;	}

#bunner-box.second {  background:url(../img/bg06_second_01.jpg) no-repeat top;}

#bunner-box h4 { position:absolute;text-indent: -9999px;}
#bunner-box p { position:absolute ;left:6px; top: 185px;color:#323653;}

#bunner-box ul { 
	position:relative;
	width:233px;
	height:130px;
	top:41px;
	left:608px;
	text-indent:-9999px;
	}

#bunner-box ul li { float:left;}

#bunner-box ul li a {
	display:block;
	text-decoration:none;
	width:233px;
	position        : absolute;
	}

#bunner-box ul li.faq a {height:63px; top:0; left:0;}
#bunner-box ul li.seminer a { top:74px; left: 0;height:56px;}

/* #bunner-box ul li.faq a:hover { background:url(../img/bt12_on.jpg) no-repeat;}
#bunner-box ul li.seminer a:hover { background:url(../img/bt13_on.jpg) no-repeat;}
*/ 

#footer {
	background:url(../img/li03.jpg) no-repeat top;	
	width:860px;
	margin: 0 auto;
	padding:10px 0 30px 0;
	position:relative;
	}

#footer p.official {
	position:absolute;
	left:780px;
	top:10px;}


/* *****************************************************
 *  7.toppage block
 * *****************************************************/
#top #navi { margin-top:19px;}

#cover { 
	width			: 848px;
	height			: 362px;
	background		: url(../img/top_bg01.jpg) no-repeat;
	margin-left:6px;
	}

#cover h1 { position:absolute ;text-indent:-9999px;}

#cover ul {
	width			: 616px;
	height			: 345px;
	position:relative;
	top:0;
	left:0;
	}

#cover ul li  { text-indent: -9999px;}

#cover ul li a  {
	display:block;
	text-decoration:none;
	width:299px;
	height:330px;
	position:absolute;
	}

#top #cover ul li#one a  { top:15px; left:19px;}
#top #cover ul li#two a  { width:298px; top:15px; left:319px;}

#top #cover ul li#one a:hover { background: url(../img/top_bt01_on.jpg) no-repeat;}
#top #cover ul li#two a:hover  { background: url(../img/top_bt02_on.jpg) no-repeat;}


#primary {
	width:580px;
	height:auto;
	float:left;
	margin-top:20px;
	}

#primary img { vertical-align:bottom;}

#primary ul {
	margin:10px 0 0 5px;
	}

#primary ul li { text-indent:-9999px;}

#primary ul li a {
	display:block;
	text-decoration:none;
	width:570px;
	height:70px;
	margin:0 0 7px 0;
	}

#primary ul li.aa a { background:url(../img/top_tx01.jpg) no-repeat;}
#primary ul li.ab a { background:url(../img/top_tx02.jpg) no-repeat;}
#primary ul li.ac a { background:url(../img/top_tx03.jpg) no-repeat;}
#primary ul li.ad a { background:url(../img/top_tx04.jpg) no-repeat;}
#primary ul li.ae a { background:url(../img/top_tx05.jpg) no-repeat;}
#primary ul li.af a { background:url(../img/top_tx06.jpg) no-repeat;}

#primary ul li.aa a:hover { background:url(../img/top_tx01_on.jpg) no-repeat;}
#primary ul li.ab a:hover { background:url(../img/top_tx02_on.jpg) no-repeat;}
#primary ul li.ac a:hover { background:url(../img/top_tx03_on.jpg) no-repeat;}
#primary ul li.ad a:hover { background:url(../img/top_tx04_on.jpg) no-repeat;}
#primary ul li.ae a:hover { background:url(../img/top_tx05_on.jpg) no-repeat;}
#primary ul li.af a:hover { background:url(../img/top_tx06_on.jpg) no-repeat;}


#secondary {
	width:200px;
	height:auto;
	float:right;
	border:1px solid #CCCCCC;
	margin-top:20px;
	padding-bottom:5px;
	}

#secondary h3 {
	width:auto;
	margin: 10px 0 5px 10px;
	padding:0;

	}

#secondary dl {
	width:190px;
	margin: 0 0 30px 10px;
	font-size:90%;
	}

#secondary dt { margin-top:10px; font-weight:bold; color:#666666;
	}

#secondary dd {
	background:url(../img/li02.jpg) repeat-x center bottom;
	padding-bottom:5px;
	margin-right:10px
	}


#secondary p {
	width:auto;
	margin: 0 0 10px 15px;
	}


/* *****************************************************
 *  8.popup block
 * *****************************************************/

#pop #container {
	width			: 500px;
	height			: auto;
	text-align		: left;
	margin			: 26px auto;
	}

#pop #container .underline {
	margin: 15px 0 0 10px;
	padding-bottom:1px;
	width:480px;
	height:auto;
	background: url(../img/li02.gif) repeat-y center top;}

#pop #container p {
	text-align:justify;
	line-height:170%;
	font-size:114%;
	font-weight: bold;
	
	}

#pop #container img.buttun {

	margin:20px 0 0 210px  ;
	}


#pop #container p u  { background:url(../img/li03.gif) repeat-x bottom;; text-decoration:none; padding-bottom:3px;}