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

body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica,“ヒラギノ角ゴPro W3″, “Hiragino Kaku Gothic Pro”, Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, sans-serif;
}

#wrapper {
 width: 800px; 
  margin: 0 auto;
  text-align: left;
}

/*　ヘッダー　*/

#header {
  margin-top: 0px;
  height: 60px;
/*  background: #2e69ab; */
  color: #fff;
  background-image: url(../images/logo.png);
  background-repeat: repeat no-repeat;
}


#header .logo {
	display: block;
	margin: 11px 20px;
	float: left;
	height: 38px;
	width: 164px;
}

#header .topnav {
	display: block;
	margin: 20px 20px;
	padding: 0;
	float:right;
	text-align:right;
}

#header .topnav li{
	display: block;
	list-style: none;
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0 0 0 27px;
	font-size: 11px;
	line-height: 16px;
	background-image: url(../images/head_nav.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*　見出し　*/
#caption {
display: block;
background-image: url(../images/backImage.png);
padding: 10px 0px 0px 0px; 
height: 50px; 
margin-bottom:15px;
}

#contact {
display: block;
background-image: url(../images/phone.png);
background-repeat: no-repeat;
padding: 10px 0px 0px 0px; 
height: 50px; 
}

h2 {
	margin: 8px 0px 0px 50px;
	font-size: 150%;
	text-indent: 0.5em; 
	padding: 0;
	float:left;
	text-align:left;
} 

h1 {
	margin: 8px 0px 0px 80px;
	font-size: 200%;
	text-indent: 0.5em; 
	padding: 0;
	float:left;
	text-align:left;
}


/* タイトルのスタイル */
.ttl1{
margin:0;
padding:5px 10px;
font-size:110%;
font-weight: bold;
font-family: Arial, sans-serif;
text-shadow: 0px 1px 0px #fff;
color: #fcfcfc;
border-top:1px solid #cacaca;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
border-bottom:2px solid #d6d4d3;
-webkit-border-radius: 7px 7px 0 0; 
-moz-border-radius: 7px 7px 0 0; 
border-radius: 7px 7px 0 0; 
-webkit-box-shadow: 0 -1px 1px #9e9b9a inset;
-moz-box-shadow: 0 -1px 1px #9e9b9a inset;
box-shadow: 0 -1px 1px #9e9b9a inset;
background: #fcfcfc;
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea));
background: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
background: -o-linear-gradient(top, #fcfcfc, #eaeaea);
background: -ms-linear-gradient(top, #fcfcfc, #eaeaea);
background: linear-gradient(top, #fcfcfc, #eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#eaeaea');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#eaeaea)";
-pie-background: linear-gradient(top, #fcfcfc, #eaeaea);
behavior: url(PIE.htc);
}

.ttl1{
color: #e4016f;
}

/* ボックス */
.box1 p,.box2 p{
line-height:1.4;
}

.box1{
margin: 2px;
padding:0px;
color: #444;
background-color: rgba(255,255,255,1);
border:1px solid #ffffff;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
behavior: url(PIE.htc);
}

.box2{
margin-bottom:12px;
padding:10px;
color: #444;
background:#fff;
border:1px solid #cacaca;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
behavior: url(PIE.htc);
}

/*　コンテンツ　*/

/*　menu用　*/
ul.menu li{
	padding-bottom:8px;
}

ul.menu:after{
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: -10;
}

ul.menu li a{
	background: #e1f3f2;
	color: #4eb0ab;
	border: 1px solid #ffffff;
	border-radius: 7px;
	box-shadow: 0 0 7px rgba(0,0,0,0.1), inset 0 0 0 4px #72c5c1;
	display: block;
	text-align: center;
	line-height: 50px;
	width: 146px;
	height: 50px;
	color: #4eb0ab;
	font-weight: bold;
}

ul li a:hover{
	background: #89d1cd;
	color: #ffffff;
}


#contents {
  float: left;
  width: 770px;
  margin-bottom: 15px;
  padding: 15px;
  background: url(../images/bg.png) #e0f3f2 repeat 0 0;
}

#sidebar {
  width: 165px;
  float:left;
  /*background: #ccc;
  color: #fff;*/
}

#main {
  width:575px;
  float:right;
  padding: 15px;
  background: #fff;
}

#main h3 {
  /*margin: 30px 0 10px;*/
  padding-left: 10px;
  border-left: 10px solid #2e69ab;
  font-size: 150%;
}

#main .pageTop {
  clear: both;
  margin: 0;
  text-align: right;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
  margin-bottom: 10px;
}

/*　フッターー　*/

#footer {
  clear: both;
  width: 770px;
  margin-bottom: 15px;
  padding: 15px;
  /*background: #2e69ab;*/
}

#footer .copyright {
  padding: 8px;
  text-align: center;
  /*color: #fff;*/
}

/*　角丸　*/

#header,
#footer,
#contents,
#main,
#sidebar {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}