﻿@charset "UTF-8";
/* CSS Document */


body { 
color : #333333; 
margin : 0; 
padding : 0; 
font-size : 13px;
text-align : center;
line-height : 150%;
} 


p {
margin:0;
}


.back {
background-image:url(img/back.jpg);
}


a{text-decoration:none}
a:link    {color:#4169e1;}
a:active  {color:#4169e1;}
a:visited {color:#4169e1;}
a:hover   {color:#ff3300; text-decoration: underline}



h1 {
font-size:18px;
font-weight:bold;
color:#0a51a1;
padding-top:5px;
margin:0;
}

h2 {
font-size:15px;
color:#000066;
padding-top:7px;
padding-left:18px;
background-image:url(img/back.png);
height:29px;
width:700px;
margin:0;
}

h3 {
font-size:15px;
color:#000066;
padding-top:7px;
padding-left:18px;
background-image:url(img/back2.png);
height:29px;
width:350px;
margin:0;
}



.pad30 {
margin-left:20px;
margin-bottom:20px;
}


.hidari {
font-size:12px;
width:200px;
background-color:#ffffff;
vertical-align:top;
line-height:120%;
text-align:left;
}

.migi {
vertical-align:top;
text-align:left;
font-size:12px;
width:700px;
background-color:#ffffff;
}

.koshi {
width:100%;
text-align:right;
color:#0a51a1;
height:25px;
background-image:url(img/koshi.png);
}

.koshi2 {
margin-top:6px;
margin-right:5px;
font-size:13px;
font-weight:bold;
}

.setsumei {
margin-top:10px;
padding-left:5px;
font-size:14px;
line-height:140%;
}


.setsumei2 {
margin-top:10px;
padding-left:5px;
font-size:13px;
line-height:140%;
}


.pr {
font-size:16px;
color:#0066FF;
font-weight:bold;
}


.pr2 {
font-size:14px;
line-height:120%;
}

.contact {
font-size:14px;
text-align:right;
padding-right:5px;
vertical-align:middle;
height:30px;
padding-left:5px;
}

.contact2 {
font-size:14px;
text-align:left;
padding-right:5px;
vertical-align:middle;
}



.t1 {
border:1px dotted #cccccc;
}

.t2 {
background-color:#EEEEEE;
}

.koza {
margin-top:15px;
margin-bottom:10px;
}

.koza1 {
font-size:13px;
height:25px;
width:100px;
text-align:left;
padding-left:5px;
border-bottom:1px dotted #cccccc;
border-right:1px solid #cccccc;
}


.koza2 {
font-size:13px;
height:25px;
width:600px;
text-align:left;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px dotted #cccccc;
}

.naiyou1 {
font-size:13px;
height:25px;
width:50px;
text-align:center;
padding-left:5px;
border-bottom:1px dotted #cccccc;
border-right:1px solid #cccccc;
}


.naiyou2 {
font-size:13px;
height:25px;
width:50px;
text-align:left;
padding-left:5px;
border-bottom:1px dotted #cccccc;
border-right:1px solid #cccccc;
}

.naiyou3 {
font-size:13px;
height:25px;
width:600px;
text-align:left;
padding-left:5px;
border-bottom:1px dotted #cccccc;
}


.maru {
color:#FF9900;
}

.red {
color:#FF0000;
font-size:12px;
}

.moushikomi1 {
background-color:#f0f7ff;
height:30px;
text-align:center;
width:25%;
font-size:14px;
vertical-align:middle;
border:1px solid #cccccc;
}


.moushikomi2 {
background-color:#f6f6f6;
text-align:center;
width:25%;
font-size:14px;
line-height:140%;
height:60px;
vertical-align:middle;
border:1px solid #cccccc;
}


.moushikomi3 {
background-color:#ffffff;
text-align:center;
width:25%;
font-size:14px;
vertical-align:middle;
border:1px solid #cccccc;
}

.moushikomi4 {
border:1px solid #cccccc;
}

.ue10 {
margin-top:10px;
}



ul{ list-style:none;}

li{
text-indent:1em;
background-repeat:no-repeat;
background-position:left center;
}


img {
border : 0;
}

.bold1 {
font-weight:bold;
color:#003366;
}


.footer {
color : #333333;
background-image:url(img/menu.png);
vertical-align:middle;
font-size: 12px;
line-height:110%;
height:30px;
text-align:center;
}



.footer a{
color : #333333;
font-size: 12px;
}

iframe#top_slide {
	border:none;
	width:900px;
	height:320px;
}


.hidari > nav {
	width: 190px;
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
}
.hidari > nav > ul {
	padding:0;
	margin: 15px 0;
	display:block;
	width:100%;
	border-top:1px solid #CCC;
}
.hidari > nav > ul > li {
	display:block;
	width:100%;
	height:auto;
	text-indent:0;
}
.hidari > nav > ul > li > a {
	display:block;
	width:100%;
	height:40px;
	border-bottom:1px solid #CCC;
	text-align:left;
	padding:0;
	font-size: 120%;
	line-height:0;
	background-color: #FFF;

	transition-property: background-color,color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
.hidari > nav > ul > li > a:hover {
	background-color: #F3F3F3;
	color: #ff3300;
	transition-duration: 0.1s;
}
.hidari > nav > ul > li > a > img {
	position: relative;
	display:inline-block;
	height:50%;
	vertical-align:middle;
	margin:10px 10px 10px 5px;
	left: 0;

	transition-property: left;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
.hidari > nav > ul > li > a:hover > img {
	left: 10px;
	transition-duration: 0.1s;
}
.hidari > nav > ul > li > a > span {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	line-height: 1.2;
}

