@charset "utf-8";
/* ***********************************
	Site Name	:	明石海峡大橋ブリッジワールド:世界最大級の吊橋を体験しよう！
	Description	:	PCサイト用のCSS
	Version		:	1.2
	Author		:	Ai Nakai
	Creation	:	2011.12.6
	Updating	:	2012.03.23 h5設定
					2012.05.21 CSS3PIE 追加してIEにCSS3対応

	************目次**************

		1. 初期設定
		2. リンク設定
		3. 全体構成
		4. header
		5. main
		6. menu
		7. footer
		8. カレンダー
		9. 共通設定
		
***************************************/

/* --------------------------------------------------
	1.初期設定
-------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

p,li,dt,dd,dl {
	line-height: 1.3;
	margin-bottom:0.5em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img ,img a{
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration:none;
	background:none;
}
.clearfix:after{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display: inline-block;
}
h1 , h1 a{
	width:320px;
	height:110px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	display:block;
	background:url(../img/menu_en.png) no-repeat;
}
	
h2{
	font-family: "Times New Roman", Times, serif;
	margin:20px 0;
	padding:5px 0 0 30px;
	color:#005A8C;
	background:url(../img/menu_en.png) no-repeat -700px -645px;
	text-shadow:#E5E5E5 2px 2px 1px;
}
h3{
	color:#005A8C;
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;
}
h4{
	font-family: "Times New Roman", Times, serif;
	margin-top:20px;
	font-size:15pt;
	line-height:1.2;
	color:#005A8C;
	text-shadow:#E5E5E5 2px 2px 1px;
}

/* --------------------------------------------------
	2. リンク設定
-------------------------------------------------- */
a{
	text-decoration:underline;
	color:#1E95D4;
}
a:hover{
	text-decoration:underline;
	color:#1E95D4;
	background-image:url(../img/link.png);
}

/* --------------------------------------------------
	3.  全体構成
-------------------------------------------------- */
body {
	height: 100%;
	background: url(../img/bg.png);
	text-align: center;
	color: #666;
    margin: 0px auto;
}
#wrapper{
	letter-spacing:0.5;
	background-color:#FFF;
	font-size:11pt;
	font-family: Verdana, Geneva, sans-serif;
	width: 940px;
 	margin: 0 auto;
	padding: 10px 20px 0 20px;
	text-align:left;
	height:100%;
}

/* --------------------------------------------------
	4. header
-------------------------------------------------- */
#contact_s{ display:none;}
#contact{
	height:30px;
	margin-left:570px;
}

#contact ul{
	width:370px;
	height:30px;
	list-style:none;
}
#contact li{
	float:left;
}
.otoiawase , .otoiawase a{
	height:30px;
	display:block;
	width:85px;
	background-image:url(../img/menu_en.png);
	background-position:0 -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.otoiawase a:hover{
	background-position:0 -640px;
}
.size{
	height:30px;
	display:block;
	width:85px;
	background-image:url(../img/menu_en.png);
	background-position:-85px -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.sizes , .sizes a{
	height:30px;
	display:block;
	width:28px;
	background-image:url(../img/menu_en.png);
	background-position:-170px -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.sizes a:hover{
	background-position:-170px -640px;
}
.sizem , .sizem a{
	height:30px;
	display:block;
	width:28px;
	background-image:url(../img/menu_en.png);
	background-position:-198px -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.sizem a:hover{
	background-position:-198px -640px;
}
.sizel , .sizel a{
	height:30px;
	display:block;
	width:35px;
	background-image:url(../img/menu_en.png);
	background-position:-226px -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.sizel a:hover{
	background-position:-226px -640px;
}
.english , .english a{
	height:28px;
	display:block;
	width:100px;
	background-image:url(../img/menu_en.png);
	background-position:-260px -610px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.english a:hover{
	background-position:-260px -640px;
}

/* --------------------------------------------------
	5 .main
-------------------------------------------------- */
#main{
	width:620px;
	float:left;
	margin:0 ;
	overflow:hidden;
    _zoom:1;
	padding-bottom:10px;
}
.top_01{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 0;
}
.top_02{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -140px;
}
.top_03{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -280px;
}
.top_04{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -420px;
}
.top_05{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -560px;
}
.top_06{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -700px;
}
.top_07{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -840px;
}
.top_08{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -980px;
}
.top_09{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -1120px;
}
.top_10{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -1260px;
}
.top_11{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -1400px;
}
.top_12{
	width:590px;
	height:130px;
	margin:0 auto;
	padding:5px;
	background:url(../img/top.png) no-repeat 0 -1540px;
}

/* --------------------------------------------------
	6. menu
-------------------------------------------------- */
#menu{
	width: 320px ;
	float: left ;
}
#menu ul{
	list-style:none;
	margin: 30px 0 35px;
	padding:0;
}
#menu li{
	width:320px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	margin:0;
	padding:0;
	height:45px;
}

.menu01 , .menu01 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -110px;
}
.menu01 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -110px;
}
.menu02 , .menu02 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -155px;
}
.menu02 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -155px;
}
.menu03 , .menu03 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -200px;
}
.menu03 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -200px;
}
.menu04 , .menu04 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -245px;
}
.menu04 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -245px;
}
.menu05 , .menu05 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -290px;
}
.menu05 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -290px;
}
.menu06 , .menu06 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -335px;
}
.menu06 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -335px;
}
.menu07 , .menu07 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -380px;
}
.menu07 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -380px;
}
.menu08 , .menu08 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -425px;
}
.menu08 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -425px;
}
.menu09 , .menu09 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -470px;
}
.menu09 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -470px;
}
.menu10 , .menu10 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -515px;
}
.menu10 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -515px;
}
.menu11 , .menu11 a:hover{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat -320px -560px;
}
.menu11 a{
	height:45px;
	display:block;
	background:url(../img/menu_en.png) no-repeat 0 -560px;
}

/* --------------------------------------------------
	7. footer
-------------------------------------------------- */
#pagetop{
	clear:both;
	text-align:right;
}
#footer{
	clear:both;
	margin-top:10px;
	min-height:100px;
	margin:0 auto;
}
#footer p{
	line-height:1;
	padding-top:8px;
	color:#005A8C;
	font-size:9pt;
}
.honshi , .honshi a{
	display:block;
	width:120px;
	height:45px;
	background-image:url(../img/menu_en.png);
	background-position:-390px -630px;
	background-repeat:no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}

/* --------------------------------------------------
	8.カレンダー
-------------------------------------------------- */
.calendar{
	overflow:hidden;
}
table.cal{
	margin:0 auto;
	border-collapse:collapse;
	border:none;
	text-align:center;
}

table.cal caption{
	font-weight:bold;
	color:#005A8C;
}


table.cal td{
	text-align:center;
}

table.cal th.sun,
table.cal th.hol,
table.cal td.sun,
table.cal td.hol{color:#C1272D;}

table.cal th.sat,
table.cal td.sat{color:#009FE8;}

table.cal td.light{background-color:#BEDCDC;}
table.cal td.closed{background-color:#DDDDDD;}

/* --------------------------------------------------
	9. 共通設定
-------------------------------------------------- */
table.hyo{
	border:#437BB4 solid 2px;
	width:100%;
}

.hyo td{
	border:#ccc solid 1px;
	padding:0px 8px;
}
.hyo th{
	border-bottom:#ccc solid 1px;
	padding:0px 8px;
	background:#437BB4;
	color:#FFF;
	text-align:center;
}

ul.b_maru{
	border:none;
}

ul.b_maru li{
	list-style:none;
	background-image:url(../../english/img/content_icon01.gif);
	background-repeat:no-repeat;
	background-position: 2px 6px;
	padding-left: 1em;

}



ul.arrow li{
	list-style:none;
	background-image:url(../../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:70px 3px;
}
ol.nini{
	list-style:none;
	text-indent:-2em;
	margin-left:2em;
}
dl.hyo60 dt ,dl.hyo80 dt , dl.hyo100 dt , dl.hyo120 dt , dl.hyo150 dt{float:left;clear:both;}
dl.hyo60 dd{padding-left:60px;}
dl.hyo80 dd{padding-left:80px;}
dl.hyo100 dd{padding-left:100px;}
dl.hyo120 dd{padding-left:120px;}
dl.hyo150 dd{padding-left:150px;}

dl.footnote dt{float:left;clear:left;}
dl.footnote dd{padding-left:1.5em;}

.floatleft{	float:left;}
.floatright{float:right;}
.aligncenter{margin:0 auto;}
.floatleft10{float:left;margin-left:10px;}
.two{float:left;width:300px;margin-right:10px;}
.clear{	clear:both;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.border{border:1px solid #005A8C;}

.kadomaru {
	background:#FFFFFF;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px #666 solid;
   padding:15px;
   behavior: url(/common/css/PIE.htc);
}
.kadomarub {
	background:#FFFFFF;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border: 2px #005A8C solid;
   padding:15px;
   behavior: url(/common/css/PIE.htc);
}
.kadomarud {
	background:#FFFFFF;
   border-radius: 1px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border: 1px #666 solid;
   padding:10px;
   margin-top:20px;
   box-shadow: 3px 2px 3px rgba(0, 0, 0, .4);
   behavior: url(/common/css/PIE.htc);
}

.u_line{text-decoration:underline;}
.u_line2{line-height:150%;border-bottom:double #666 3px;}

.indent{text-indent:1em;}
.m_indent{text-indent:-1.0em; padding-left:1.0em}
.m2_indent{text-indent:-1.5em; padding-left:1.5em;}
.m3_indent{text-indent:-2.0em; padding-left:2.0em;}

.right{text-align: right;}
.left{text-align:left;}
.center{text-align:center;}
.aligncenter{margin:0 auto;width:300px;}
.let{letter-spacing:1em;}
.lets{letter-spacing:-2px;}
.bold{font-weight:bold;}
.delete_s{display:none;}

/* color */
.red{color:#f00;}
.green{color:#080;}
.blue{color: #0646b1;}
.white{color:#FFF;}

/* font size */
.small{font-size: 70%;}
.large{font-size: 120%;}
.small2{font-size: 90%;}

/*リストタグddのズレを調整*/
.regist dd {
  *zoom: 1;
}
.regist dd:before,
.regist dd:after {
  display: table;
  line-height: 0;
  content: "";
}
.regist dd:after {
  clear: both;
}


/* -------------- THE button -------------- */
.button {
	font-size:22px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: 270px;
	padding:15px 10px;
	margin: 5px;
    cursor: pointer;
	letter-spacing:1px;
	border:#2166EF 1.5px solid;
    
    color:#FFF;
	background: #1a94d3;
    font-weight: bold;
    border-radius: 10px;
	cursor: pointer;
    -webkit-box-shadow: 1px 3px 0 #005785,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 1px 3px 0 #005785,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 1px 3px 0 #005785,
						inset 0 1px 0 rgba(255, 255, 255, 0.8),
                    	inset 1px 0 0 rgba(255, 255, 255, 0.3),
                   	 	inset -1px 0 0 rgba(255, 255, 255, 0.3),
                   		 inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	
	border: 1px solid #005785;
	behavior: url(/cgi-bin/common/css/PIE.htc);
	

  }
.button:hover { 
	background-color: #bddbdb;
	background-image:none;
	text-decoration:none;
	behavior: url(/cgi-bin/common/css/PIE.htc);
}
.button:active {
    box-shadow: none;
    top: 2px;
	background-color: #bddbd;
	behavior: url(/cgi-bin/common/css/PIE.htc);
  }
.button_s{
	width:150px;
	height:30px;
	font-family: mplus-1p-bold;
	font-weight: bold;
	font-size:17px;
	text-align:center;
	padding:3px 0;
	margin:10px;
	}