﻿@charset "utf-8";
/* CSS Document */

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77%  = 10px	| 125%   = 16px	|	167% = 22px	
	88%  = 11px	|	132%   = 17px	|	174% = 23px
	94%  = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	119% = 15px	|	161.6% = 21px	|
	
	10.12.2007

=======================================*/


/*===== CONTENTS ==============================

	1: common setting
	2: index.html
	
=============================================*/

/*------------------------------------------------------
	common setting
------------------------------------------------------*/

	.MAb_5{margin-bottom:5px;}
	.MAb_10{margin-bottom:10px;}
	.MAb_15{margin-bottom:15px;}
	.MAb_20{margin-bottom:20px;}
	.MAb_15{margin-bottom:25px;}
	
	.AL_center{text-align:center;}
	.AL_right{text-align:right;}

	#container{
		background:url(../common/bg_main.jpg) 0 0 repeat-y;
		width:770px;
		margin:0 auto;
		text-align:left;
		}
	
	#container_inner{
		width:760px;
		margin-left:5px;
		}
		
	.pagetop{
		margin-top:10px;
		text-align:right;
		}
		
/*======================================================*/
#header{position:relative; height:80px; }
/*======================================================*/

	#header h1{
		padding-top:15px;
		margin-left:15px;
		}

	#header #headnav{
		position:relative;
		text-align:right;
		margin:0;
		}
		
	#header ul{
		position:absolute;
		display:block;
		top:-4em;
		right:15px;
		}
		
	#header li{
		display:inline;
		}
		
	#header li a{
		margin-right:5px;
		}
		
	#header .last{
		margin-right:0;
		}
	
/*======================================================*/
#footer{clear:both; width:770px;
		padding:10px 0 15px 0; text-align:center;
		background:url(../common/bg_footer.jpg)0 bottom no-repeat;
		}
/*======================================================*/
		
	#footer p{
			font-size:88%;
			color:#999999; 
			}
		
	#pankuzu{
			background:url(../common/bg_pankuzu.jpg) 0 0 no-repeat;
			height:24px;
			text-align:right;
			padding-right:20px;
			}
	
	#pankuzu ul{
			padding:0.2em 0;
			}
		
	#pankuzu ul li{
			display:inline;
			font-size:10px;
			}
		
	.paginate {
			text-align: center;
			font-size: 9px;
			}



/*------------------------------------------------------
	1: index.php
------------------------------------------------------*/
		
/*======================================================*/
.index #contents{width:720px; margin-left:20px; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #CCCCCC; }
/*======================================================*/

/*======================================================*/
.index #nav{width:180px; float:left; margin-right:10px; }
/*======================================================*/

	.index #nav ul li{
		margin-bottom:5px;
		}
		
/*======================================================*/
.index #main{ width:370px; float:left; background:url(../images/bg_topics.gif) 0 0 repeat-y; border-bottom:1px solid #CCCCCC;}
/*======================================================*/

	.index #main h2{
		background:url(../images/bg_ttl_topics.jpg) 0 0 repeat-x;
		border-left:8px solid #0A50A0;
		border-bottom:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		height:35px;
		}
		
	.index #main h2 img{
		padding-top:11px;
		padding-left:6px;
		}

	.index #main #log{
		position:relative;
		text-align:right;
		margin:0;
		}
		
	.index #main #log a{
		position:absolute;
		display:block;
		top:-20px;
		right:10px;
		}		
		
	.index #main #entry{
		padding:10px;
		}
		
	.index #main #entry .entry_date{
		padding-bottom:5px;
		}
		
	.index #main #entry h3{
		font-size:108%;
		padding-bottom:10px;
		color:#016FB4;
		}
		
	.index #main #entry .entry_body{
		border-bottom:1px dotted #999999;
		padding-bottom:10px;
		margin-bottom:10px;
		}

/*======================================================*/
#right_area{width:150px; float:right; margin-left:10px;}
/*======================================================*/
	
	#right_area #contact{
		background:url(../images/bg_contact.gif) 0 0 repeat-y;
		border-bottom:1px solid #CCCCCC;
		margin-bottom:15px;
		}
		
	#right_area #contact h4{
		border-bottom:1px solid #CCCCCC;
		}
		
	#right_area #contact address{
		margin:10px;
		font-size:88%;
		line-height:150%;
		}

	#right_area #link ul li {
		margin-bottom:8px;
		}
		
	#right_area #link ul p {
		padding-top:2px;
		line-height:120%;
		}
		
		

/*------------------------------------------------------
	2: inside
------------------------------------------------------*/

/*======================================================*/
.inside #contents{width:754px; margin-left:3px; padding-bottom:20px; border-bottom:1px solid #CCCCCC;
					background:url(../common/bg_inside.gif) 0 0 repeat-y; }
/*======================================================*/

/*======================================================*/
.inside #nav{width:190px; float:left; margin-right:30px; }
/*======================================================*/

	.inside #nav ul li{
		margin-bottom:0;
		}

/*======================================================*/
.inside #main { width:504px; float:left; margin-top:30px; padding-bottom:20px;}
/*======================================================*/

	.inside #main h2{
		margin-bottom:20px;
		}

	.inside #main h3{
		padding-bottom:10px;
		}

	.inside #main #shopinfo{
		width:287px;
		float:left;
		}
		
	.inside #main #shopinfo	td{
		border-bottom:1px dashed #B5CCDF;
		}
		
	.inside #main #maneger{
		width:197px;
		float:right;
		margin-left:20px;
		}

	.inside #main #maneger li{
		margin-bottom:5px;
		width:197px;
		}



/*------------------------------------------------------
	3: survice
------------------------------------------------------*/

/*======================================================*/
.survice #contents{width:754px; margin-left:3px; padding-bottom:20px; border-bottom:1px solid #CCCCCC;
					background:url(../common/bg_inside.gif) 0 0 repeat-y; }
/*======================================================*/
/*======================================================*/
.survice #nav{width:190px; float:left; margin-right:20px; }
/*======================================================*/

	.survice　#nav ul li{
		margin-bottom:0;
		}

/*======================================================*/
.survice #main { width:524px; float:left; margin-top:20px;}
/*======================================================*/
		
	.survice #survice_inner{
		zoom:1;
		background:url(../survice/images/bg_survice_main.gif) 0 0 repeat-y;
		}
		
	.survice #survice_inner #text_area{
		width:294px;
		float:left;
		padding:15px 0 0 15px;
		}
		
	.survice #survice_inner #text_area h3{
		font-weight:normal;
		font-size:94%;
		text-indent:-1em;
		padding-left:1em;
		}
	
	.survice #survice_inner #text_area li{
		margin-bottom:10px;
		line-height:150%;
		}

	.survice #survice_inner #text_area li p{
		padding-left:1em;
		}
		
	.survice #survice_inner #text_area li .blue{
		color:#0066CC;
		}
		
	.survice #survice_inner #text_area li.last{
		margin-bottom:0;
		}
		
	.survice #survice_inner #text_area li p{
		font-weight:normal;
		font-size:94%;
		}
		
	.survice #survice_inner #survice_img{
		width:200px;
		float:right;
		text-align:right;
		}

	.survice h4{
		margin-top:15px;
		margin-bottom:15px;
		font-weight:normal;
		font-size:119%;
		border-bottom:1px dashed #CCCCCC;
		}
		
	.survice table{
		border-top:1px solid #999999;
		border-left:1px solid #999999;
		margin-bottom:15px;
		}
		
	.survice table th{
		font-weight:normal;
		background-color:#EFEFEF;
		border-right:1px solid #999999;
		border-bottom:1px solid #999999;
		}
		
	.survice table td{
		border-right:1px solid #999999;
		border-bottom:1px solid #999999;
		}
		
		

/*------------------------------------------------------
	4: stock
------------------------------------------------------*/

	.stock #contents{
			width:754px;
			margin-left:3px;
			padding-bottom:20px;
			border-bottom:1px solid #CCCCCC;
			background:url(../common/bg_inside.gif) 0 0 repeat-y;
			}
			
	.stock #nav{
			width:190px;
			float:left;
			margin-right:30px; }

	.stock　#nav ul li{
		margin-bottom:0;
		}

	.stock #main {
			width:504px;
			float:left;
			margin-top:30px;
			}
		
	.stock .stock_entry{
		margin-bottom:20px;
		}

	.stock .stock_entry table{
			border-top:none;
			border-left:1px solid #999999;			
			}
		
	.stock .stock_entry table td{
			border-bottom:1px solid #999999;
			border-right:1px solid #999999;			
			}
			
		
/*------------------------------------------------------
	5: club
------------------------------------------------------*/

	.club #contents{
			width:754px;
			margin-left:3px;
			padding-bottom:20px;
			border-bottom:1px solid #CCCCCC;
			background:url(../common/bg_inside.gif) 0 0 repeat-y;
			}
	
	.club #nav{
			width:190px;
			float:left;
			margin-right:30px;
			}

	.club #nav ul li{
			margin-bottom:0;
			}

	.club #main {
			width:504px;
			float:left;
			margin-top:30px;
			}
			
	.club #main h2{
			margin-bottom:20px;
			}
			
	.club #main h3{
			margin-bottom:5px;
			margin-top:15px;
			padding-bottom:5px;
			border-bottom:1px dashed #999999;
			}
		
	.club .club_entry{
			margin-bottom:20px;
			line-height:130%;
			}

	.club .club_entry p{
			padding-bottom:1em;
			}
			
	.club .club_entry ul{
			padding-bottom:0.2em;
			}
			
	.club .club_entry li{
			padding-bottom:1em;
			font-size:119%;
			text-indent:-1.1em;
			padding-left:1.1em;
			font-weight:bold;
			}
			
	.club .club_entry_rakuraku p{
			padding-bottom:0.8em;
			}
			
	.club #main .club_entry_rakuraku h3{
			margin-bottom:10px;
			margin-top:20px;
			padding-bottom:2px;
			border-bottom:1px dotted #999999;
			line-height:1.3;
			}
		
	.club .club_entry table td{
			border-bottom:1px dashed #999999;
			}			
			
	.club .club_entry_rakuraku table{
			border-top:1px solid #999;
			border-left:1px solid #999;
			}
			
	.club .club_entry_rakuraku table td{
			border-bottom:1px solid #999;
			border-right:1px solid #999;
			}
			
	.club .club_entry_rakuraku table th{
			border-bottom:1px solid #999;
			border-right:1px solid #999;
			text-align:center;
			background:#E0F0E7;
			}
			
	.club .club_entry_rakuraku table td.AL_center{
			background:#E0F0E7;
			}
			
	.club .club_entry_rakuraku .plice{
			font-size:116%;
			color:#EE0000;
			}
			
	.club .club_entry_rakuraku .adobePdf{
			border-top:1px solid #CCC;
			padding-top:10px;
			font-size:84%;
			}
			
	.club .club_entry_rakuraku .adobePdf img{
			padding-bottom:5px;
			}
			
/*------------*/
	.club .club_entry2{
			margin-bottom:20px;
			line-height:130%;
			}
			
	.club .club_entry2 table{
			border-top:1px solid #999999;
			border-left:1px solid #999999;	
			margin-bottom:15px;		
			}
			
	.club .club_entry2 #sukusuku th{
			border-bottom:1px solid #999999;
			border-right:1px solid #999999;			
			background-color:#E0F0E7;
			}
			
	.club .club_entry2 #asbez th{
			border-bottom:1px solid #999999;
			border-right:1px solid #999999;			
			background-color:#E8F2F8;
			}

	.club .club_entry2 table td{
			border-bottom:1px solid #999999;
			border-right:1px solid #999999;			
			}
					
	.club .club_entry2 ul{
			padding-bottom:1em;
			}
			
	.club .club_entry2 li{
			text-indent:-1.1em;
			padding-left:1.1em;
			}

	.club .club_entry2 p{
			padding-bottom:1em;
			}
			
/*------------------------------------------------------
	6: company
------------------------------------------------------*/

	.company #contents{
			width:754px;
			margin-left:3px;
			padding-bottom:20px;
			border-bottom:1px solid #CCCCCC;
			background:url(../common/bg_inside.gif) 0 0 repeat-y;
			}
			
	.company #nav{
			width:190px;
			float:left;
			margin-right:30px; }

	.company　#nav ul li{
		margin-bottom:0;
		}

	.company #main {
			width:504px;
			float:left;
			margin-top:30px;
			}
		
	.company #main h2{
			margin-bottom:20px;
			}
		
	.company #main h3{
			margin-bottom:5px;
			padding-top:5px;
			font-size:132%;
			border-top:2px solid #B7CCE0;
			color:#6294C8;
			}
		
	.company #main table{
			margin-bottom:20px;
			}
			
	.company #main p{
			margin-bottom:20px;
			}
			
/*------------------------------------------------------
	7: sitemap
------------------------------------------------------*/

	.sitemap #contents{
			width:754px;
			margin-left:3px;
			padding-bottom:20px;
			border-bottom:1px solid #CCCCCC;
			background:url(../common/bg_inside.gif) 0 0 repeat-y;
			}
			
	.sitemap #nav{
			width:190px;
			float:left;
			margin-right:30px; }

	.sitemap　#nav ul li{
		margin-bottom:0;
		}

	.sitemap #main {
			width:504px;
			float:left;
			margin-top:30px;
			}
		
	.sitemap #main h2{
		font-size:108%;
		font-weight:normal;
		}
		
	.sitemap #main ul{
		padding-left:2.5em;
		margin-bottom:20px;
		}
		
	.sitemap #main li{
		list-style-type:circle;
		}
		
/*------------------------------------------------------
	8: topics
------------------------------------------------------*/

	.topics #contents{
			width:714px;
			margin-left:23px;
			margin-top:20px;
			padding-bottom:20px;
			border-bottom:1px solid #CCCCCC;
			}
			
	.topics #contents .entry_body{
			margin-bottom:15px;
			padding-bottom:15px;
			border-bottom:1px dashed #999999;
			}
			
	.topics #contents .entry_date{
			font-size:138.5%;
			}
			
	.topics #contents h3{
			color:#016FB4;
			font-size:132%;
			}
			
			
