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

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 44行目に指定                        */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 52行目に指定                        */
/*============NAVI COLOR SCHEME-END================*/

/*============フォントサイズ=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============フォントサイズ-END===================*/

/*----フォントサイズはbase.css内にbody {font-size:62.5%;}が記述されいるので
ピクセル単位の感覚で文字サイズ指定をすることができます。
しかし文字サイズを入れ子で入れてしまうと表示が崩れてしまうので注意してください。
例：div要素にfont-sizeを指定した上にtableやpタグにfont-sizeを指定してし
まった場合表示が崩れます。----*/

/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/

/*---------- 02  Container -----------*/


body {
	text-align:center;
	background: url(../img/header_bg.jpg) 0 0 repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

/*--#main {}*/

#content {
	width: 650px;
	float: left;
	margin: 10px 0 0 0;
	display:inline;
	}

#navi{
	width: 310px;
	float: right;
	margin: 10px 0 0 0;
	display:inline;
}

#footer{
	height:50px;
}

table{
	width:580px;
	margin:0 auto;
}
*html table{margin:0 10px;}
/*---------- 03  Header -----------*/

#header{
	position:relative;
	height:118px;
}

#header h1{
	position:absolute;
	width:645px;
	height:99px;
	top: 19px;
}

#header h2{
	font-size:1.2em;
}

#header #tel{
	position:absolute;
	width:200px;
	height:50px;
	top: 20px;
	text-indent:-9999px;
	left: 645px;
}

#header #tel{
	background: url(../img/qr.jpg) 0 0 no-repeat;
	display:block;
	width:315px;
	height:64px;
	text-decoration:none;
	outline:none;
}

#header #header-list{
	position:absolute;
	width:316px;
	height:20px;
	left: 645px;
	top: 83px;
}

#header #user_login a{	
	background: url(../img/header_user_login.jpg) 0 center no-repeat;
	width:158px;
	height:35px;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
	overflow:hidden;
	display:block;
	float:left;
}

#header #header_shop_login a{	
	background: url(../img/header_shop_login.jpg) 0 center no-repeat;
	width:158px;
	height:35px;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
	overflow:hidden;
	display:block;
	float:left;
}
#header li {
	display: inline;
}

/*---------- 04  header_navi -----------*/
#header_navi{
	height:44px;
}

#header_navi li a,#header_navi li{
	display:block;
	height:44px;
	width:137px;
	float:left;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
	overflow:hidden;
}

#header_navi li {
	display: inline;
}

#header_navi #header_navi01 a{
	background:url(../img/header_navi01.jpg) 0 0 no-repeat;
}

#header_navi #header_navi01 a:hover,#header_navi #header_navi01{
	background:url(../img/header_navi01_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi02 a{
	background:url(../img/header_navi02.jpg) 0 0 no-repeat;
}

#header_navi #header_navi02 a:hover,#header_navi #header_navi02{
	background:url(../img/header_navi02_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi03 a{
	background:url(../img/header_navi03.jpg) 0 0 no-repeat;
}

#header_navi #header_navi03 a:hover,#header_navi #header_navi03{
	background:url(../img/header_navi03_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi04 a{
	background:url(../img/header_navi04.jpg) 0 0 no-repeat;
}

#header_navi #header_navi04 a:hover,#header_navi #header_navi04{
	background:url(../img/header_navi04_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi05 a{
	background:url(../img/header_navi05.jpg) 0 0 no-repeat;
}

#header_navi #header_navi05 a:hover,#header_navi #header_navi05{
	background:url(../img/header_navi05_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi06 a{
	background:url(../img/header_navi06.jpg) 0 0 no-repeat;
}

#header_navi #header_navi06 a:hover,#header_navi #header_navi06{
	background:url(../img/header_navi06_ov.jpg) 0 0 no-repeat;
}

#header_navi #header_navi07 a{
	background:url(../img/header_navi07.jpg) 0 0 no-repeat;
}

#header_navi #header_navi07 a:hover,#header_navi #header_navi07{
	background:url(../img/header_navi07_ov.jpg) 0 0 no-repeat;
}

/*---------- 05  Navi -----------*/
#title_contact{
	background:url(../img/navi_contact.jpg) 0 0 no-repeat;
	width:310px;
	height:60px;
	text-indent:-9999px;
}

#title_manaber{
	background:url(../img/navi_manager.jpg) 0 0 no-repeat;
	width:310px;
	height:60px;
	text-indent:-9999px;
}

#navi_box{
	margin:10px 10px 30px 20px;
	width:280px;
}

#navi_form{
	margin:20px;
}

#navi_form li{
	margin:5px 0;
}

#manager #navi li{
	background:url(../img/icon01.jpg) 0 0 no-repeat;
	padding-left:25px;
	margin:10px 20px;
}

/*---------- 06  content -----------*/

#content h4{
	background: url(../img/h4_bar.jpg) 0 0 no-repeat;
	height:30px;
	width:640px;
	padding:0 0 0 40px;
	font-size:14px;
	line-height:30px;
	color:#FFFFFF;
	margin:10px 0 ;
	font-weight:bold;
}

#content h4 a{
	color:#FFFFFF;
}

#content h4 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#content h5{
	margin:15px 0 5px 0;
	font-size:14px;
	font-weight:bold;
}

#content p{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	は文字列を両端揃えにする指定です。--*/
}

#content table{
	font-size:1.0em;
	width:600px;
	margin:10px 0;
}

#content table,
#content table tr,
#content table td,
#content table th{
	color:#666666;
	line-height:18px;
	text-align:left;
}

#content .pagetop{
	float:right;
}


/*---------- 07  Footer -----------*/

#footer {
	background:url(../img/footer_bg.jpg) 0 0 repeat-x;
	clear: both;
	padding: 70px 0 5px 0;
	margin:0 0 0 0;
	font-size: 1.2em;
	text-align: center;
	}

#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 10px 0;
	}

#footer li {
	font-size:1.0em;
	display: inline;
	}

#footer li a{
	margin:0 5px;
}

#footer address {
	height:15px;
}