@charset "utf-8";


/* クロスブラウザフォント 
------------------------------------*/
body {font-size:13px; *font-size:small; *font:x-small;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
select, input, textarea {font-size:99%;}
table {font-size:inherit;font:100%;}

.size_1 {font-size:85%;}
.size_2 {font-size:93%;}
.size_3 {font-size:108%;}
.size_4 {font-size:116%;}
.size_5 {font-size:123.1%;}

/* clearfix 
------------------------------------*/
.clearfix:after {
content:'';
display:block;
clear:both;
height:0.01px;
}
.clearfix {
/zoom:1;
}

/* 画像の余白をクリア
------------------------------------*/
img {
font-size:0;
line-height:0;
vertical-align:top;
}

/*  ボックスレイアウト 
------------------------------------*/

body {
color:#333;
background:#fff;
border-top:5px solid #333;
}

div#layout_box {
width:960px;
margin:0px auto;
text-align:left;
border:0px solid #FF0;
}

#img_box {
z-index: 1;
position: relative;
height:520px;
border:0px solid #333333;
padding:20px;
}
hgroup#logo_area {
z-index:3;
position:absolute;
top:80px;
left:310px;
height:126px;
border:0px solid #666666;
}
#imege {
z-index:2;
position:absolute;
top:170px;
left:100px;
height:360px;
border:0px solid #666666;
}
#nav {
z-index:4;
position: absolute;
top:520px;
left:280px;
border:0px solid #666666;
}

footer {
padding:20px 0 20px 0;
border:0px solid #B00;
}

/*  パーツレイアウト 
------------------------------------*/
#nav li {
float:left;
padding-right:6px;
}

.btn_about {
display:block;
width:100px;
padding:8px 10px;
background: #CC0000;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
     /* 角丸  */
    -webkit-border-radius:8px;
       -moz-border-radius:8px;
         -o-border-radius:8px;
            border-radius:8px;
     /* 影 */
    -webkit-box-shadow: 0px 0px 4px 0px #93847c;
       -moz-box-shadow: 0px 0px 4px 0px #93847c;
         -o-box-shadow: 0px 0px 4px 0px #93847c;
            box-shadow: 0px 0px 4px 0px #93847c;
color:#FFF;
font-size:93%;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a.btn_about:hover {
background: #fc654c;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}


/* =======================
footer
======================= */
footer p.cap{
width: 360px;
float: left;
padding :5px ;
background:#fff;
margin:0 20px 0 120px;
border:0px solid #666666;
}
footer p{
width:380px;
float: right;
margin:6px 40px 0 0;
padding-top:0px;
line-height:150%;
border:0px solid #666666;
}


/*  強調・装飾 
------------------------------------*/
.right{
text-align:right;
}
.bold{
font-weight:bold;
}