@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_11 {font-size:85%;}
.size_12 {font-size:93%;}
.size_14 {font-size:108%;}
.size_15 {font-size:116%;}
.size_16 {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;
}

header {
display:none;
}

#main {
margin:70px 0 40px 0px;
}
#contents_area {
float:left;
width:410px;
margin:0 0 0 120px;
border:0px solid #333333;
}
#img_area {
float:right;
width:280px;
margin:50px 100px 0 0px;
border:0px solid #666666;
}

footer {
padding:20px 0 20px 0;
}

/*  パーツレイアウト 
------------------------------------*/
#contents_area h2 {
margin:0 0 20px 0px;
padding: 2px 0px 2px 8px;
border-color:#B00;
border-width:0 0 0 12px;
border-style:solid;
}

#contents_area p {
font-size:108%;
line-height:250%;
}
.hiroi {
line-height:200%;
padding:0 0 0 1em;
margin: 0px 20px;
}
.kuromaru {
list-style-type:square;
}
#contents_area img {
margin:20px 0;
padding:0 0 0 0;
}
dl {
margin:4px 0 4px 0;
padding:0 0 0 0;
}
dt {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight:bold;
}
dd {
margin:0 0 20px 0;
padding:0 0 0 1em;
}

#nav li {
float:left;
padding-right:8px;
}

#img_area p {
margin:4px 0 20px 0;
}

.btn_about {
width:116px;
color:#FFF;
background:-moz-linear-gradient(top,#E42 0%,#C00);
background:-webkit-gradient(linear, left top, left bottom, from(#E62), to(#C00));
font-weight:bold;
text-shadow:0 -1px 0px #400,0 -1px 0px #400;
text-align:center;
display:block;
text-decoration:none;
padding:10px 0;
border:1px solid #400;
border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
box-shadow:1px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
    -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
}
a.btn_about:hover {
  background:-moz-linear-gradient(rgba(242,45,45,0.4), rgba(242,45,45,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(253,71,71,0.4)), to(rgba(242,45,45,0.9)));
}


/* =======================
footer
======================= */
footer img.logo{
width: 180px;
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;
}