@charset "UTF-8";

/*
style_all.css
*/

body{
background: #fff; margin: 0px; color: #464646; font-family:"Lucida Grande",  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Geneva, Arial, Verdana, sans-serif; text-align: center;
}
table{
border-width: 0px; border-style: none;
}
h1,h2,h3,h4,h5,h6{
margin: 0px;
}
p,dd{
margin: 0px 0px 2em; font-size: 100%; line-height: 1.8em;
}
td,th,dd{
font-size: 100%; line-height: 1.6em;
}
dl,ol,ul{
margin: 0px; padding: 0px; list-style-position: outside; list-style: none;
}
li{
margin: 0px 0px 0.6em; font-size: 100%;
}
ol.lower-alpha,
ul.lower-alpha{
list-style: lower-alpha inside;
}
ol.disc,
ul.disc{
list-style: disc inside;
}
ol.decimal,
ul.decimal{
list-style: decimal inside;
}
li.none{
list-style: none;
}
dt{
margin: 0px 0px 0.5em;
}
form{
margin: 0px;
}
strong{

}
em{
font-weight: bold; font-style: normal;
}
address{
font-style: normal; line-height: 1.4em;
}
blockquote{
margin: 0px; padding: 2.5em 60px 1em; font-size: 91.6%; 
}
blockquote p{
line-height: 1.4em;
}
div.quoteframe01{
background: url(../../img000/blockquote/start.gif) no-repeat left top #F0F0F0; margin: 0px 0px 1em;
}
div.quoteframe02{
background: url(../../img000/blockquote/end.gif) no-repeat right bottom;
}







div.s-left{
float: left;
}
div.s-center{
float: left;
}
div.s-right{
float: right; margin: 0px 0px 0px auto;
}


.clear-both{
clear: both;
margin: 0px;
}
.clear-left{
clear: left;
margin: 0px;
}
.clear-right{
clear: right;
margin: 0px;
}

img, a img{
border-width: 0px; border-style: none;
}
a{

}

a:link{
color: #215a08;
}
a:visited{
color: #412200;
}
a:hover{
color: #ff5500;
}

a.no-color:link, a.no-color:visited{
color: #766c68;
}
a.none,
a.none:link,
a.none:visited,
a.none:hover{
color: #555; text-decoration: none;
}




.align-left{
text-align: left;
}
.align-right{
text-align: right;
}
.align-center{
text-align: center;
}
.hide{
visibility: hidden;
}
.show{
visibility: visible;
}

/*
フォント修飾
*/
.small{
font-size: 91.6%;
}
.small-caption{
font-size: 91.6%; line-height: 1.6em;
}
.small-remarks{
font-size: 91.6%; color: #666;
}
.small-kome{
font-size: 91.6%; color: #ff0000;
}
.frame{
border: 1px solid #fff; margin: 0px 1em 1em 0px; padding: 0.2em 1em;
}
.kome,
.red{
color: #ff0000;
}
.komekome {
color: #29adce; font-weight: bold;
}
.black{
background-color: transparent; color: #000;
}
.green{
color: #215a08;
}
.remarks{
font-size: 72.7%; color: #666; font-weight: normal;
}
.oblique{
font-style: oblique;
}
.oblique-px10{
font-style: oblique;
font-size: 91.6%;
}





/*
hタグ（主に）
*/
.catchcopy{
margin: 0px 0px 0.5em; font-size: 150%; line-height: 1.4em;
}

.blockttl,.archievettl{
margin: 0px 0px 1em; font-size: 133.3%; line-height: 1.4em;
}

.blockttl-s{
background-repeat: no-repeat; background-position: left center; margin: 0px 0px 1.2em;  font-size: 116.6%; font-weight: bold; line-height: 1.4em;
}
dt.blockttl-s{
margin-bottom: 0.5em; padding-top: 0.5em;
}

.blockttl-ss{
background-repeat: no-repeat; background-position: left center; margin: 0px 0px 10px; font-size: 108.3%; font-weight: bold; line-height: 1.4em;
}

.blockttl a,
.blockttl-s a,
.blockttl-ss a{
display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
.archievettl a,
.archievettl a:hover{
color: #215a08;text-decoration: none; cursor: default;
}



div#contentbox02 .border01{
background: url(../../img000/background/blockttl.jpg) no-repeat left bottom; padding: 0px 0px 40px; 
}
div#contentbox02 .border02{
background: url(../../img000/background/blockttl_s.jpg) no-repeat left bottom; padding: 0px 0px 18px; 
}


/*
aタグ（blockttl他）
*/
.ttl-appeal{
height: 15px; background-image: url(../../img/appeal/blockttl.gif);
}
.ttl-news{
height: 9px; background-image: url(../../img/news/blockttl.gif);
}
.ttl-visual-clip{
height: 15px; background-image: url(../../img000/wingbox/visual_clip/blockttl.gif);
}
.ttl-achievement{
width: 300px; height: 37px; background-image:  url(../../img000/wingbox/achievement/blockttl.jpg); margin: 0px auto;
}
.ttl-profile{
width: 300px; height: 140px; background-image: url(../../img000/wingbox/profile/blockttl.jpg);
}

/*
pタグ
*/
p.pankuzu{
font-size: 83.3%;
}
p.lead{
margin: 0px 15px 2em;
}
p.regular{
font-size: 100%; text-indent: 1em;
}
p.remarks{
font-size: 83.3%;
}
.box-s p.lead{
margin-left: 0px; margin-right: 0px;
}

/*
form
*/
form .area,
form table.inquiry_form .area{
width: 350px; border: 1px solid #319400; margin-bottom: 0.5em; font-size: 100%; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
form select.area,
form table.inquiry_form select.area{
width: auto; 
}
form input.micro,
form table.inquiry_form input.micro{
width: 60px;
}
form input.mini,
form table.inquiry_form input.mini{
width: 80px;
}
form input.short,
form table.inquiry_form input.short{
width: 150px;
}
form textarea.area,
form table.inquiry_form textarea.area{
height: 12em; line-height: 1.6em;
}
div#wingbox02 form .area{
width: 300px;
}




/*
ビュレット（主にblockttl用）
*/
.icon,
.icon li,
.bullet,
.bullet li{
background-repeat: no-repeat; background-position: left top; padding-top: 12px; padding-bottom: 3px;
}
ul.bullet,
ol.bullet{
padding-top: 0px; padding-bottom: 0px;
}
h2 .icon, h3 .icon, h4 .icon, h5 .icon, h6 .icon,
h2 .bullet, h3 .bullet, h4 .bullet, h5 .bullet, h6 .bullet{
display: block;
}
/* アイコン別 */
.pencil,
.pencil li{
background-image: url(../../img000/bullet/pencil.gif); list-style: none; padding: 12px 0px 3px 30px;
}
.trumpet,
.trumpet li{
background-image: url(../../img000/bullet/trumpet.gif); list-style: none;  padding: 8px 0px 8px 41px;
}
.clip,
.clip li{
background-image: url(../../img000/bullet/clip.gif); list-style: none;  padding: 8px 0px 6px 30px;
}
.maru,
.maru li{
background-image: url(../../img000/bullet/disc.gif); list-style: none;  background-position: left center; padding: 0px 0px 0px 20px;
}
.checkbox,
.checkbox li{
background-image: url(../../img000/bullet/checkbox.gif); list-style: none;  background-position: left center; padding: 0px 0px 0px 30px;
}
.triangle-next,
.triangle-next li{
background-image: url(../../img000/bullet/triangle/next.gif); list-style: none;  background-position: left center; padding: 0px 0px 0px 20px;
}

ul.pencil,ul.trumpet,ul.clip,ul.maru,ul.checkbox,
ol.pencil,ol.trumpet,ol.clip,ol.maru,ol.checkbox{
background-image: none; padding: 0px;
}




.number,
.number li{
display: block; background-repeat: no-repeat; background-position: left 0.2em; margin-bottom: 0.2em; padding: 0.3em 0px 0.3em 25px;
}



ol.number,
ul.number{
background: none; padding-left: 0px;
}
.number .item01{
background-image: url(../../img000/bullet/number/01.gif);
}
.number .item02{
background-image: url(../../img000/bullet/number/02.gif);
}
.number .item03{
background-image: url(../../img000/bullet/number/03.gif);
}
.number .item04{
background-image: url(../../img000/bullet/number/04.gif);
}
.number .item05{
background-image: url(../../img000/bullet/number/05.gif);
}
.number .item06{
background-image: url(../../img000/bullet/number/06.gif);
}
.number .item07{
background-image: url(../../img000/bullet/number/07.gif);
}
.number .item08{
background-image: url(../../img000/bullet/number/08.gif);
}
.number .item09{
background-image: url(../../img000/bullet/number/09.gif);
}
.number .item10{
background-image: url(../../img000/bullet/number/10.gif);
}

/*
ビュレット顔
*/
.yousuke{
background: url(../../img000/bullet/face/yousuke.gif) no-repeat left center; margin-bottom: 6px; padding: 20px 0px 10px 50px;
}
.minori{
background: url(../../img000/bullet/face/moniri.gif) no-repeat left center; margin-bottom: 6px; padding: 15px 0px 10px 50px;
}



/*
ビュレットその他
*/
.arrow-next{
background: url(../../img000/bullet/arrow/next.gif) no-repeat left center; padding: 0.2em 0px 0.2em 24px;
}
.arrow-prev{
background: url(../../img000/bullet/arrow/prev.gif) no-repeat left center; padding: 0.2em 0px 0.2em 24px;
}
.diamond{
background: url(../../img000/bullet/diamond.gif) no-repeat left center; padding: 0px 0px 0px 16px;
}
.polka-mini{
display: block; width: 19px; height: 19px; background: url(../../img000/icon/logomark_mini.gif) no-repeat left top; text-indent: -9999px; overflow: hidden;
}


/*
背景色
*/
.bg-lightgray{
background-color: #e6e6e6;
}

/* hタグ内用*/
.bg-lightgray span{
margin-left: 6px; margin-right: 6px;
}
.bg-lightgray span img{
margin-top: 3px; margin-bottom: 3px;
}


/*
Indent, Margin
*/
.aki-01{
margin-right: 1em;
}
.aki-02{
margin-right: 2em;
}
.aki-03{
margin-right: 3em;
}
.aki-04{
margin-right: 4em;
}
.aki-05{
margin-right: 5em;
}
.maeaki-01{
margin-left: 1em
}
.maeaki-02{
margin-left: 2em;
}
.maeaki-03{
margin-left: 3em;
}
.maeaki-04{
margin-left: 4em;
}
.maeaki-05{
margin-left: 5em;
}