@charset "utf-8";

/* ===================================================================
CSS情報　　 ：基本情報
使用ファイル：すべてのファイル
=================================================================== */

body{color:#333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;-webkit-text-size-adjust:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0px;padding:0px;}
li{list-style-type:none;}

table{border-collapse:separate;border-spacing:1px;width:100%;}
th{text-align:left;width:140px;padding:15px 0;font-size:14px;border-bottom:1px dotted #EEE;vertical-align:top;font-weight:normal;}
td{padding:15px 10px;font-size:14px;border-bottom:1px dotted #EEE;}

img{border:0px;}

a:link{color:#3B5998;text-decoration:none;}
a:visited{color:#3B5998;text-decoration:none;}
a:hover{color:#3B5998;text-decoration:underline;}
a:active{color:#3B5998;text-decoration:underline;}

#bg{width:100%;height:100%;position:fixed;background:url("../images/bg.gif");}

#wrapper{width:960px;margin:auto;position:relative;}
#container{width:680px;margin-left:280px;}
h2{margin:0 0 30px;}


/* ===================================================================
CSS情報　　 ：メイン
使用ファイル：すべてのファイル
=================================================================== */

#main{padding:20px 0 0;margin-bottom:200px;position:fixed;width:100%;background:url("../images/bg.gif");}




/* ===================================================================
CSS情報　　 ：メニュー
使用ファイル：すべてのファイル
=================================================================== */

#menu{width:165px;position:fixed;padding:170px 0 30px;}
*+html #menu{top:0;left:0;}
#menu ul{margin-bottom:45px;}
#menu li{margin:0 0 30px 15px;width:121px;}
#menu li a{display:block;text-indent:-9999px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
#menu li a.top{background:url("../images/menu_alien.png") top center no-repeat;height:112px;}
#menu li a.about{background:url("../images/menu_about.png") center left no-repeat;height:34px;}
#menu li a.access{background:url("../images/menu_access.png") center left no-repeat;height:34px;}
#menu li a.contact{background:url("../images/menu_contact.png") center left no-repeat;height:34px;}
#menu li a:hover{opacity:0.5;}
#menu img{display:block;margin-top:10px;}


/* ===================================================================
CSS情報　　 ：フッター
使用ファイル：すべてのファイル
=================================================================== */

#footer{margin:20px 0;font-size:12px;text-align:center;}
#footer .link{margin-bottom: 10px;}
#footer .link a{margin: 0 5px;}


/* ===================================================================
CSS情報　　 ：各コンテンツ
使用ファイル：index.html
=================================================================== */

#about{margin-bottom:200px;padding-top:170px;}
#about a{background:url("../images/icon_blank.gif") no-repeat;padding-left:18px;font-size:13px;}


#access{margin-bottom:200px;padding-top:170px;}
#access h3{margin:30px 0 10px;font-size:16px;}
#access h4{margin:15px 0 10px;font-size:14px;}
#access p{margin:10px 0;font-size:12px;}


#contact{margin-bottom:100px;padding-top:170px;}
#contact h3{margin:30px 0 10px;font-size:17px;}
#contact p{font-size:14px;margin-bottom:20px;}
#contact .error{color:#f00;}
#contact input[type="text"]{background:#FCFCFD;padding:8px;font-size:14px;border-radius:2px;box-shadow:0 0 10px #BBB inset;width:300px;margin:3px 0;border:1px solid #BBB;}
#contact select{background:#FCFCFD;font-size:14px;border-radius:2px;box-shadow:0 0 10px #BBB inset;margin:3px 0;border:1px solid #BBB;height:35px;}
#contact textarea{background:#FCFCFD;padding:8px;font-size:14px;border-radius:2px;box-shadow:0 0 10px #BBB inset;width:450px;height:150px;margin:3px 0;border:1px solid #BBB;}
#contact label{margin-right:20px;}
#contact .button{text-align:center;padding:30px;}
#contact .button input[type="submit"]{background:#333;color:#FFF;padding:10px;font-size:15px;width:180px;margin:0 5px;border-radius:3px;border:1px solid #333;}
#contact .button input[type="submit"]:hover{opacity:0.8;}
#contact .button a{display:inline-block;background:#333;color:#FFF;padding:10px;font-size:15px;width:180px;margin:0 5px;border-radius:3px;border:1px solid #333;}
#contact .button a:hover{text-decoration:none;}


#terms{margin-bottom:100px;padding-top:170px;}
#terms h3{margin:30px 0 10px;font-size:17px;}
#terms p{font-size:14px;margin-bottom:20px;white-space:pre-wrap;}
#terms .terms__indent{display: block;margin: 5px 0 0 20px;}