@charset "shift_jis";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}  
caption {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top; font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
/*-----------------------------------回り込み*/
.leftbox { float: left; margin: 0 10px 10px 0; }
.rightbox { float: right; margin: 0 0 10px 10px; }
.clearBoth { clear: both; }
/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }
/*-----------------------------------imgの下の隙間をなくす*/
img { vertical-align:bottom; }
/*-----------------------------------基本セッティング*/
body{ font-family: "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif; color: #3c3c3c; font-size: 12px; _font-size:83%; }
table { font-size:inherit; }
a { outline : 0 ;}
a { text-decoration: none; color:#3366CC;}
a:hover { text-decoration: underline; }
li,p,dl,dd { line-height: 1.5; }
td,th,h1,h2,h3,h4{ line-height: 1.5; }
strong,em { font-weight: bold; }
address { line-height: 1.5; }
/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT30 { margin-top: 30px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
/*-----------------------------------線*/
.border01 { padding-top: 20px; margin-top: 20px; border-top: 2px dotted #9e9e9e; }

/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: disc; margin: 5px 0 0 15px; line-height:1.2; }
.list02 li{	list-style-position: outside; list-style-type: decimal; margin: 10px 0 0 15px; line-height:1.2; }
.list03 li{	list-style-position: outside; list-style-type: none; margin: 10px 0 0 20px;	line-height:1.2; list-style-image: url(../images/circle.gif);}
/*-----------------------------------リンク*/
.link01 a { color: #3c3c3c; }
/*-----------------------------------フォント設定*/
.normal { color: #333; font-weight: normal; font:12px;*font-size:small;*font:x-small; }
.small { font-size: 10px; }
.large { font-size: 14px; _font-size: 116.6%; }
.xlarge { font-size: 16px; _font-size: 133.3%; }
.color01{ color: #BA4266;}
.color02{ color: #CC0000;}
.color03 { color: #465AC8;}
.copy { color: #b1001a; font-size: 16px; _font-size: 116.6%; font-weight: bold; }
.bold { font-weight: bold; }
/*-----------------------------------外枠*/
#wrapper { width:900px;	margin: 0 auto; position: relative; border: 1px solid #c0c0c0; margin-top: 10px; background:url(../images/menu_bk02.gif) repeat-y right;}
#container { width: 880px; margin: 0 10px 20px 10px; }
/*-----------------------------------メインナビ*/
#mainnav { width: 167px; float: right; position: relative; } 
#mainnav h2{ padding-top: 10px; background-color:#FFFFFF; } 
#mainnav ul { width:121px; height: 580px; padding: 17px 23px 0 23px; position: relative; background:url(../images/menu_bk.gif) no-repeat top;}
#mainnav li { width:121px; height:25px;}
#mainnav li.sub { height: 20px; } 
#mainnav li a{ text-decoration: none;}
#yasaka { position: absolute; top: 504px; left: 13px;}
#green { position: absolute; top: 572px; left: 31px;}
#yasakakyoto { position: absolute; top: 629px; left: 13px;}
/*-----------------------------------ヘッダー*/
#header { width:700px; height: 80px; position: relative; }
#header h1{	position: absolute;	top: 10px; left: 60px; color: #666; z-index: 1; }
#header #logo{ position: absolute;	top: 10px; left: 5px; }
#header #anniversary { position: absolute;	top: 33px; left: 574px; }
/*-----------------------------------本文*/
#main { width: 700px; float: left; position: relative;}
.subtitle { margin: 20px 0 15px 0; }
.textarea { margin: 0 10px 10px 10px; position: relative; line-height: 1.5; }
.textarea02 { margin: 15px 10px 10px 10px; position: relative; line-height: 1.5; }
/*-----------------------------------パン屑*/
#pankuzu { background-color: #e6e6e6; padding: 5px 10px; margin-bottom: 15px; }
#pankuzu a{  color: #3c3c3c;}
/*-----------------------------------テーブル*/
.table01 { width: 790px; }
.table01 th { background: url(../images/icn03.gif) no-repeat left 9px; padding: 5px 10px 5px 15px; width: 80px;}
.table01 td { padding: 5px 0;}
/*-----------------------------------定義リスト*/
.dl01 dt { color: #b1001a; font-weight: bold; font-size: 14px; }
.dl01 dd { margin: 0 0 10px 0; }
/*-----------------------------------フッター*/
#footer { margin: 0 10px; padding: 3px 0 0 35px; width: 845px; background:url(../images/yasaka_logo.gif) no-repeat left top;position: relative; }
#footer h2 {font-size: 14px; font-weight: bold; line-height: 1.2; }
#footer address {font-size: 11px; }
#pagetop { position: absolute; right: 0; bottom: 0; background:url(../images/menu_btm.gif) no-repeat bottom; height: 23px; width: 142px; padding-left: 25px; }
#copyright { width:900px; height: 21px; margin: 0 auto; position: relative; background:url(../images/ftr_bk.gif) repeat-x; }
#copyright p{ padding: 3px 10px 0 0; text-align: right; color:#fff;}
/*-----------------------------------clearfixハック*/
.clear:after,
.textarea:after,
.busBox:after,
#adobe:after,
#topBox:after,
#container:after,
#footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear,
.textarea,
.bus,
#adobe,
#topBox,
#container,
#footer {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear,
* html .textarea,
* html .bus,
* html #adobe,
* html #topBox,
* html #container,
* html #footer {height: 1%;}
.clear,
.textarea,
.bus,
#topBox,
#footer,
#container {display: block;}
/* End hide from IE-mac */