@charset "utf-8";
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* 各種設定
---------------------------------------------------- */

img { vertical-align:bottom; }
address { font-style:normal; }
hr { display: none; }
em {font-weight:900; color:#000;}

.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:189%; }
.font26 { font-size:197%; }

.line14 { line-height:1.4; }
.line16 { line-height:1.6; }
.line2 { line-height:2; }

.green1{ color:#0FC418;}
.orange1{ color:#ff6633;}
.red1{ color:#ff3300;}
.blue1 { color:#0000FF;}
.blue2 { color:#4176FE;}
.blue3 { color:#064D93;}
.gray1 { color:#636363;}
.black1 { color:#000;}
.pink1 { color:#fc9;}


.tl {
text-align: left;
}
.textr {
text-align: right;
}
.tc {
text-align:center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.cb {
clear: both;
}

b{ font-weight: bold !important; }
strong{ font-weight: bold !important; }

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; } 
.clearfix { display: block; }

.arrow {
margin-right:5px;
line-height:1; 
}
html:not(:target) .arrow {
font-size:144%;
} /* ------------ie hack-------------- */

.vanish {
margin: 0;
padding:0;
height: 0;
text-indent: -99999px;
}

/* リンク
---------------------------------------------------- */
a {
/*\*/
   overflow: hidden;
/**/
}
a:link, a:visited {
color: #FF6633;
background: transparent;
}
a:hover, a:active {
color: #FFDE28;
background: transparent;
}

.pagetop a {
clear:both;
margin:0 60px;
display:block;
float:right;
font-size: 86%;
border-bottom:none;
}
.pagetop a:link, .pagetop a:visited {
color:#0D44DB;
text-decoration: none;
border-top: 3px solid #0D44DB;
}
.pagetop a:hover, .pagetop a:active {
color: #FFB200;
border-top: 3px solid #FFB200;
}

/* 全体構造
---------------------------------------------------- */

body {
color:#333;
background: #FFCC66 ;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',osaka,sans-serif;
line-height:1.8;
padding:3px 0;
}

#wrapper {
padding:10px 0;
width:720px;
margin: 0 auto;
background: #fff;
}

#header01 {
width:100%;
background: url(../img/title2.png) no-repeat 320px 0;
}

#header01 h1 a{
width: 320px;
height: 108px;
text-decoration: none;
display: block;
text-indent: -9999px;
background: url(../img/logo.png) no-repeat;
float:left;
}
#header01 h1 a:hover{
background: url(../img/logo.png) no-repeat 0 -108px;
}

#mainmenu {
width: 316px;
height: 108px;
float:right;
}

#mainmenu ul{
width: 316px;
height: 108px;
}
#mainmenu li a{
float:left;
}
#mainmenu li a{
height: 108px;
text-decoration: none;
display: block;
text-indent: -9999px;
}
#mainmenu li.sketch a{
width: 160px;
background: url(../img/sketch.png) no-repeat;
}
#mainmenu li.sketch a:hover{
background: url(../img/sketch.png) no-repeat 0 -108px;
}
#mainmenu li.mail a{
width: 156px;
background: url(../img/mail.png) no-repeat;
}
#mainmenu li.mail a:hover{
background: url(../img/mail.png) no-repeat 0 -108px;
}

#header02 {
width:100%;
text-align:right;
}

#header02 img.counter{
float:left;
}
#header02 ul{
float:right;
width: 310px;
border-bottom: 1px solid #993333;
}
#header02 li {
display: inline;
margin: 2px 4px;
}
#header02 ul li.face a {
width: 16px;
height: 16px;
margin: 4px 0;
padding:0 4px;
text-decoration: none;
display: block;
float:right;
text-indent: 9999px;
background: url(../img/facebook_16.png) no-repeat 0 0;
}
#header02 li.twitter a {
width: 16px;
height: 16px;
margin: 4px 0;
padding:0 4px;
text-decoration: none;
display: block;
float:right;
text-indent: 9999px;
background: url(../img/twitter_16.png) no-repeat 0 0;
}

#feed {
width:700px;
margin: 10px ;
min-height:180px;
text-align:left;
background: url(../img/news.png) no-repeat top left;
border-top: 1px solid #fc6;
border-bottom: 1px solid #fc6;
}
#feed h2{
text-indent: -9999px;
}
#feed ul{
margin: 0 10px 10px 240px;
}
#feed strong{
margin: 0 10px;
}

#footer {
margin: 20px 0 0;
padding:10px 0;
font-size:85%;
width:100%;
text-align:center;
border-top: 1px solid #fc6;
}

#Whats,#Menseki {
margin: 20px 0 0;
text-align:left;
}
#Whats h2,#Menseki h2 {
padding:5px;
font-size:123.1%; 
background: #f3f3f3;
}
#Whats p,#Menseki p {
margin: 20px;
}