@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/


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

img {
	border:0;
}
ul,ol,li {
	list-style:none;
}



/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/


/*==============基本レイアウト==============*/

#wrapper, #header, #contents, #footer {
    width: 100%;
    font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
#header .inner, #contents .inner, #footer .inner {
    width: 950px;
    margin: 0 auto;
}
#wrapper {
    min-width: 950px;
}

#footer {
    clear: both;
}

a {
    text-decoration: none; }


/*================ヘッダ=================*/

#info {
        float:right;
        width:175px;
        height:80px;
}

#info a {
	background-image:url(../images/img/info1.png);
        display:block;
	width:160px;
	height:45px;
	text-decoration:none;
	text-indent:-9999px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

#info a:hover{
        background-image:url(../images/img/info2.png);
}

nav {
        clear: both;
	width:950px;
	height:50px;
	margin:0;
}
nav li {
	float:left;
	margin-left:0px;
	list-style-type: none;
	width:190px;
	height:50px;
}
nav li a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-indent:-9999px;
}

#nav1 {
	background-image:url(../images/button/button1.png);
}
#nav2 {
	background-image:url(../images/button/button2.png);
}
#nav3 {
	background-image:url(../images/button/button3.png);
}
#nav4 {
	background-image:url(../images/button/button4.png);
}
#nav5 {
	background-image:url(../images/button/button5.png);
}
#nav1 a:hover {
	background-image:url(../images/button/button6.png);
}
#nav2 a:hover {
	background-image:url(../images/button/button7.png);
}
#nav3 a:hover {
	background-image:url(../images/button/button8.png);
}
#nav4 a:hover {
	background-image:url(../images/button/button9.png);
}
#nav5 a:hover {
	background-image:url(../images/button/button10.png);
}


/*=====================コンテンツ=====================*/

/* --- サイドバー --- */

#sidebar {
    float: right;
    width: 250px;
    height: 100%;
    background:#ffffff;
    padding-top:50px;
}

#sidebar .shikaku1 {
	margin-top: 10px;
        float: left;
}
#sidebar .shikaku2 {
	margin-top: 10px;
        float: left;
}

.navi {
        list-style-type: none;
        margin: 0 0 2em;
        padding: 0;
}

.navi li {
        display: inline;
        margin-top: 10px;
        line-height:40px;
}

.navi li a {
        margin-bottom: 10px;
        padding: 5px 0 5px 10px;
        display: block;
        width: 200px;
        text-decoration: none;
        border-left: 10px solid #696969;
        background-color: #eeeeee;
        color: #000000;
        font-size:80%;
}

.navi li a:hover {
        background-color: #999999;
        color: #ffffff;
        border-left: 10px solid #4682b4;
}




#main {
    float: left;
    width: 700px;
}

h2 {
	font-size: 20px;
	line-height: 26px;
	padding-top: 16px;
	padding-bottom: 12px;
	padding-left: 60px;
	font-weight: normal;
	color: #151A1A;
	height: 26px;
}

h2 span {
	font-size: 12px;
	padding-left: 20px;
	color: #9CAEB0;
	letter-spacing: 1px;
	line-height: 14px;
}

/* --- 個人情報取扱い --- */

#toriatukai {
        width: 550px;
        margin-left: 50px;
}

h3 {
        color: #000;
        font-size: 20px;
        font-weight: normal;
        width: 600px;
        line-height: 150%;
}

h3 a{
	color: #4682b4;
	text-decoration:underline;
}

h3 a:visited{
	color: #4682b4;
	text-decoration:underline;
}

h3 a:hover{
	color: #9CAEB0;
	text-decoration:underline;
}

ul.houshin {
        margin: 20px;
        padding-left: 15px;
}

ul.houshin li {
        width: 530px;
        line-height: 160%;
        list-style-type: decimal;
        font-size:13.5px;
}

ul.list{
        padding-left: 15px;
}

ul.list li{
        list-style-type: square;
        font-size: 15px;
}

/* --- ボックス --- */

.block {
    position: relative;
    background: #fff;
    margin: 50px;
    padding: 40px;
    z-index: 10;
    top: 0;
    left: 0;
}
.block:before, .block:after {
    position: absolute;
    content: "";
    width: 400px;
    height: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 1px 4px #aaa;
    -moz-box-shadow: 0 1px 4px #aaa;
    -webkit-box-shadow: 0 1px 4px #aaa;
}
.block:before {
    background: rgba(255,255,255,0.5);
    top: 0;
    left: 0;
    z-index: -10;
}
.block:after {
    background: #87cefa;
    top: 8px;
    left: 8px;
    z-index: -20;
}


/* --- メールフォーム --- */


#formWrap {
	width:600px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin: 15px;
	border-collapse:collapse;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}


/*=====================フッター=====================*/

#topbtn {
        float: right;
        width: 142px;
        height: 40px;
}

#topbtn a {
	background-image:url(../images/img/topbtn.jpg);
        display:block;
	width:142px;
	height:40px;
	text-decoration:none;
	text-indent:-9999px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

#foot {
        height: 50px;
}

  
#foot ul {
        float: left;
        padding: 10px;
}

#foot li {
        padding-left: 20px;
        margin-bottom: 15px;
        border-left:1px solid #CCC;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 30px;
        font-size: 15px;
}

#rogo {
        float: right;
        width: 215px;
        height: 50px;
}

#footer .copy{
        clear: both;
        background:url(../images/img/ft.gif) repeat-x top;
        text-align: center;
        height: 30px;
        font-size: 12px;
        padding-top: 8px;
}