@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   /*font-family:"メイリオ", Verdana, Helvetica, sans-serif;*/
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;   
   font-size:12px;
   color:#333;
   background:#f2ffff;
}

br {
   letter-spacing:normal;
}

a {
   color:#0089a1;
   text-decoration:underline;
	outline:none;
}

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

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

div.clear {
	clear:both;
	float:none;
}

.red{
	color:red;
}

/* ----------------------------  メイン 　　　　　----------------------------- */

#icatchWrap {
   clear:both;
   position:relative;
   z-index:-1
   overflow:hidden;
   background:#ddd;
}
#icatch {
	width:800px;
	text-align:center;
	margin:10px auto;	
	
	
}

#contents {
   clear:both;
   position:relative;
   z-index:100;
   overflow:hidden;
   width:800px;
   margin:25px auto 0 auto;
   background:#fff;
}
#main {
	padding-left:25px;
}

/* ----------------------------  ボックス 　　　　　----------------------------- */
/* --------------  box1　--------------- */
.box1 {
	width:750px;
	padding:15px 0 0 0;
}
.box1 .title{
	background:url(../images/bar_bg.gif) top left no-repeat;
	width:750px;
	height:32px;
}
.box1 .title h2{
	padding:5px 0 0 20px;
	font-size:16px;
	color:#FFF;
}
.box1 .comment{
	width:748px;
	border:#999 1px solid;
	background-color:#f2ffff;
}
.box1 .comment p{
	padding:5px 10px 5px 20px;
}
/* --------------  box2　--------------- */
.box2 {
	width:676px;
	padding:15px 0 0 35px;
}
.box2 .title{
	background:url(../images/bar_bg.gif) top left no-repeat;
	width:676px;
	height:32px;
}
.box2 .title h2{
	padding:5px 0 0 20px;
	font-size:16px;
	color:#FFF;
}
.box2 .comment{
	width:674px;
	border:#999 1px solid;
	background-color:#f2ffff;
}
.box2 table{
	padding-left:20px;
}
.box2 table tr td{
	vertical-align:top;
}
.box2 table tr td.td_1{
	vertical-align:top;
	width:9%;
}
.box2 table tr td.td_2{
	vertical-align:top;
	width:7%;
	text-align:right;
}
.box2 table tr td.td_3{
	vertical-align:top;
	padding-left:30px;
}
.box2 table tr td.td_4{
	vertical-align:top;
	padding-top:5px;
}
.box2 table tr td.td_5{
	vertical-align:middle;
	width:9%;
}
.box2 table tr td.td_6{
	vertical-align:middle;
	width:7%;
	text-align:right;
}
.box2 table tr td.td_7{
	vertical-align:middle;
	padding-left:30px;
}
/* --------------  box3　--------------- */
.box3waku{
	padding-left:40px;
}
.box3waku .box3 {
	margin-left:20px;
	float:left;
	width:308px;
	padding:7px 0 0 0;
}
.box3 .title{
	background:url(../images/bar_bg.gif) top left no-repeat;
	width:308px;
	height:32px;
}
.box3 .title h2{
	padding:5px 0 0 20px;
	font-size:16px;
	color:#FFF;
}
.box3 .comment{
	width:306px;
	border:#999 1px solid;
	background-color:#f2ffff;
	height:230px;
}
.box3 .comment p{
	text-align:center;
	margin:10px auto;	
}

/* --------------  box4　--------------- */
.box4 {
	padding:5px 10px 5px 65px;
}
.box4 .comment{
	text-align:left;
}
.box4 .comment p{
	padding:0 0 0 10px;
}

/* --------------  box5　--------------- */
.box5 {
	width:637px;
	padding:5px 0 0 5px;
}
.box5 .title{
	background:url(../images/bar_bg.gif) top left no-repeat;
	width:637px;
	height:32px;
}
.box5 .title h2{
	padding:5px 0 0 20px;
	font-size:16px;
	text-align:left;
	color:#FFF;
}
.box5 .comment{
	width:615px;
	padding:5px 10px 5px 10px;
	border:#999 1px solid;
	text-align:left;
	background-color:#f2ffff;
}
.box5 .comment p{
	padding:5px 10px 5px 20px;
}

/* ----------------------------  ヘッダ 　　　　　----------------------------- */
#header {
   width:800px;
   margin:0 auto;
   position:relative;
   padding:0;
   background:url(../images/header.png) top no-repeat;
   height:130px;
   
}
#header h1 img{
   margin:52px 0 0 25px;
   padding:0;
}
#menu {
	margin-top:8px;
	width:800px;
	background: url(../images/menu_bg.gif) repeat-y top;
	height:36px;
}
#menu a{
	float:left;	
}


/* ----------------------------  サイドメニュー　 ----------------------------- */
#side {
   float:right;
   width:238px;
   padding:0px 2px 0 0;
}
#side .section {
   margin-bottom:10px;
}
#side .margintop {
   margin-top:10px;
}

/* ----------------------------  ページＴＯＰへ移動　 ----------------------------- */
#pageTop {
	width:964px;
	text-align:right;
	padding:15px 0 15px 0;
}
#pageTop a img{
	padding-right:20px;
}

/* ----------------------------  フッター　 ----------------------------- */
#footer {
   clear:both;
   background:#fff;   
}
#footer img{
	text-align:center;
   margin:0 auto;	
}
#footer #footMenu{
	padding-top:20px;
	padding-bottom:3px;
	text-align:center;
	background:url(../images/line_footer.gif) bottom no-repeat;
}
#footer #footMenu a{
	text-decoration:none;
	color:#000;
}
.copyright {
   clear:both;
   padding:0;
   font-style:normal;
   font-size:11px;
   text-align:center;
   background:url(../images/footer/bg_footer.gif) center no-repeat;
   height:32px;
   color:#000;
   line-height:32px;
}


/* ----------------------------  トップ　メインイメージ　 ----------------------------- */
.viewer {
	margin: 0 auto;
	width: 750px;
	height: 304px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 750px;
	height: 304px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 750px;
	height: 304px;
	display: none;
	position: absolute;
}