@charset "utf-8";
/* CSS Document */

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
/*@font-face {font-family:"Alte DIN 1451 Mittelschrift";src:url("../fonts/din1451alt.eot?") format("eot"),url("../fonts/din1451alt.woff") format("woff"),url("../fonts/din1451alt.ttf") format("truetype"),url("../fonts/din1451alt.svg#AlteDIN1451Mittelschrift") format("svg");font-weight:normal;font-style:normal;}
*/

body {
background:#fff;
color:#333;
font-size:76%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after {
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;  
font-size: 0.1em;  
line-height: 0;  
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
color:#666;
text-decoration:none;
}

a:hover {
color:#a00;
text-decoration:none;
}

ul { list-style:none; }

img {
vertical-align:bottom;
}

.txt_r{text-align:right;}
.txt_l{text-align:left;}
.small{font-size:90% !important;}

/* ==============================
 Header
============================== */
header {
min-width:950px;
padding:20px 20px 0;
box-shadow:0px 3px 7px #ddd;
}

header .logo {
float:left;
}

header nav ul {
position:relative;
float:right;
padding:25px 0 0;
}

header nav ul li {
display:inline-block;
}

header nav ul li a {
display:block;
padding:0 20px 0;
height:35px;
}

header nav ul li ul {
display:none;
position:absolute;
padding:0 10px;
float:none;
background-color:#fff;
z-index:300;
box-shadow:0 2px 2px #666;
}

header nav ul ul li {
display:block;
border-top:1px solid #ccc;
}

header nav ul ul li.first-child {
display:block;
border-top:1px solid #ccc;
}

header nav ul li ul li a {
display:block;
padding:15px 10px;
height:auto;
}

#top li.home a,
#service li.service a,
#column li.column a,
#achivement li.achivement a,
#fee li.fee a,
#download li.download a {
background:url(../images/head_select_bg.png) left bottom repeat-x;
background-size:auto 100%;
}

header nav ul li a:hover {
background:url(../images/head_select_bg.png) left bottom repeat-x;
background-size:auto 100%;
}

header nav ul li ul li a:hover {
background:none;
}

#top li.home ul a,
#service li.service ul a,
#column li.column ul a,
#achivement li.achivement ul a,
#fee li.fee ul a,
#download li.download ul a {
background:none;
}

header nav ul li.singin a {
display:block;
margin:0 0 0 10px;
padding:5px 10px;
height:auto;
color:#fff;
background:#ac0100;
border-radius:20px;
}


/* ==============================
 Footer
============================== */
footer {
position:relative;
background:#e9e9e9;
min-width:950px;
padding:20px;
}

footer .pagetop {
display:inline-block;
position:absolute;
top:0;
right:20px;
padding:10px 20px;
background:#fff;
border-radius:0 0 5px 5px;
}

footer nav ul {
margin:0 0 30px;
}

footer nav ul li {
display:inline;
margin:0 20px 0 0;
}

footer p.copyright {
text-align:center;
}


/* ==============================
 パンくず
============================== */
#breadcrumb {
padding:10px 20px 7px;
}

#breadcrumb li {
display:inline;
}

#breadcrumb a {
color:#999;
}



h1.inner {
position:relative;
height:180px;
}
h1.inner2 {
position:relative;
height:110px;
}

h1.inner img,
h1.inner2 img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}


section.wrapper {
width:950px;
margin:0 auto;
padding:40px 0 60px;
}


/* ==============================
 共通　ボタン
============================== */

#bottom-btn {
width:950px;
margin:0 auto 80px;
text-align:center;
}

#bottom-btn li {
display:inline;
width:50%;
text-align:center;
}

#bottom-btn a {
display:inline-block;
margin:0 40px;
padding:10px 0 0;
width:384px;
height:62px;
background:url(../images/download/btn_download_l.png) center top no-repeat;
border:none;
outline:none;
font-size:24px;
color:#fff;
box-shadow:1px 3px 1px #aaa;
cursor:pointer;
}

#bottom-btn a:hover {
position:relative;
top:2px;
left:2px;
box-shadow:none;
}

#bottom-btn a span {
font-size:16px;
}