@charset "utf-8";

@import "common.css";

/*----------------------------------------------------------------------
    LOWER CONTENTS
----------------------------------------------------------------------*/

#contents{
	margin:20px 0 0;
	color:#333333;
	line-height:1.45;
}

#contents strong{
	font-weight:bold;
}


/*----------------------------------------------------------------------
    title
----------------------------------------------------------------------*/

#contents .titleBox,
#contents .titleBox01,
#contents .titleBox02{
	width:950px;
}

#contents .titleBox .leadBox,
#contents .titleBox01 .leadBox,
#contents .titleBox02 .leadBox{
	width:860px;
	margin:0 0 0 20px;
	padding:0 0 20px;
}

#contents .titleBox .leadBox p.txt,
#contents .titleBox01 .leadBox p.txt,
#contents .titleBox02 .leadBox p.txt{
	float:left;
	width:820px;
}

#contents .titleBox .leadBox p.txt2,
#contents .titleBox01 .leadBox p.txt2,
#contents .titleBox01 .leadBox01 p.txt2,
#contents .titleBox02 .leadBox p.txt2{
	float:left;
	width:696px;
}

#contents .titleBox .leadBox p.img,
#contents .titleBox01 .leadBox p.img,
#contents .titleBox02 .leadBox p.img{
	float:right;
	width:157px;
	padding-top:18px;
}

#contents .titleBox01 .leadBox01{
	width:900px;
	margin:0 0 0 20px;
	padding:0 0 20px;
}

#contents .titleBox01 .leadBox01 p.img{
	float:right;
	padding-top:18px;
	width:196px;
}


/* h2 -------------------- */

#contents .categoryBox h2{
	min-height:32px;
	margin-bottom:14px;
	padding:6px 0 0 23px;
	background:url(../../img/renew/common/bg_subtitle.gif) no-repeat left bottom;
	color:#225728;
	font-size:127%;
	font-weight:bold;
}
* html #contents .categoryBox h2{
	height:32px;
}

#contents .categoryBox h2.short{
	background:url(../../img/renew/common/bg_subtitle_s.gif) no-repeat left bottom;
}


#contents p.txtRight{
	margin-top:-9px;
	text-align:right;
}

/*----------------------------------------------------------------------
    category menu
----------------------------------------------------------------------*/
#contents .menuBox h2{
	margin-bottom:10px;
	padding:9px 0 4px 23px;
	background:url(../../img/renew/common/bg_h2.jpg) no-repeat left bottom;
	color:#333333;
	font-size:130%;
	line-height:normal;
	font-weight:bold;
}

#contents .menuBox h2 a{
	text-decoration:none;
	color:#333333;
}

#contents .menuBox {
	width:932px;
	margin-bottom:15px;
	margin-top:5px;
}

#contents .menuLeft,
#contents .menuRight {
	position:relative;
	float:left;
	width:453px;
	min-height:104px;
	border:1px solid #D2D2D2;
}
#contents .menuRight {
	float:right;
}
* html #contents .menuLeft,
* html #contents .menuRight {
	height:104px;
}

/*20120829*/
#contents .menuLeft2,
#contents .menuRight2 {
	position:relative;
	float:left;
	width:453px;
	min-height:140px;
	border:1px solid #D2D2D2;
}
#contents .menuRight2 {
	float:right;
}
* html #contents .menuLeft2,
* html #contents .menuRight2 {
	height:140px;
}
/*///20120829*/


#contents .menuBox h2 {
	padding-bottom:9px;
}

#contents .menuBox p.icon {
	float:left;
	margin:0 12px;
	padding-top:3px;
	display:inline;
}

#contents .menuBox p.txt,
#contents .menuBox ul.txt {
	float:left;
	width:370px;
}

#contents .menuBox ul.txt li{
	padding-left:9px;
	background:url(../../../img/multi/icon_arw07.png) no-repeat 0 6px;
}

#contents .menuBox p.link {
	position:absolute;
	right:7px;
	bottom:7px;
	text-align:right;
}

#contents .menuBox p.link a {
	padding-left:16px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat left center;
}

#contents p.link a {
	padding-left:16px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat left center;
}

#contents p.link_seishun18 a {
	padding-left:16px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat left center;
}


/*----------------------------------------------------------------------
    wide use
----------------------------------------------------------------------*/
/* guarded image ------------------------------ */

p.guardedimg{
    position:relative;
}

span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/spacer.gif);
}

/* categoryBox -------------------- */

#contents .categoryBox{
	margin-bottom:22px;
}

/* caption -------------------- */

.caption{
	display:block;
	margin-top:4px;
	line-height:1.2;
}

/* notes -------------------- */

.note {
	color:#FF3333;
}

.note02 {
	color:#666666;
}

.note03 {
    padding: 0px 0px 0px 37px;
    text-indent: -37px;
	font-weight: bold;
	color: rgb(255, 51, 51);
}

/* pagetop -------------------- */

.pagetop{
	margin:8px 0 11px;
	text-align:right;
}

.pagetop a{
	padding-left:15px;
	background:url(../../../img/multi/icon_pagetop.png) no-repeat 0 60%!important;
}

/* textArea -------------------- */

#txtArea {
	padding:0 0 7px 10px;
}

.mb_10 {
margin-bottom:10px;
}

/*----------------------------------------------------------------------
    links
----------------------------------------------------------------------*/

#contents .linksBox{
	width:933px;
	padding:17px 0 0;
	background:url(../../../img/multi/line_dot02.gif) repeat-x;
}

#contents .linksBox p.bnr{
	margin-bottom:11px;
	text-align:center;
}

#contents .links{
	width:933px;
}

#contents .links .leftBox,
#contents .links p.pagetop{
	display:table-cell;
	vertical-align:bottom;
}
* html #contents .links .leftBox,
* html #contents .links p.pagetop{
	display:inline;
	zoom:1;
}
*:first-child+html #contents .links .leftBox,
*:first-child+html #contents .links p.pagetop{
	display:inline;
	zoom:1;
}

#contents .links .leftBox{
	width:600px;
}

#contents .links .leftBox p {
	width:583px;
	margin-top:7px;
	padding-left:17px;
	background:url(../../../img/multi/icon_arw06.png) no-repeat 0 3px;
}

#contents .links .leftBox p a{
	padding:0;
	background:none;
}

#contents .links p.pagetop{
	width:333px;
	margin:0;
}

/*----------------------------------------------------------------------
    Boxes
----------------------------------------------------------------------*/
#contents .blueBox{
	margin-bottom:22px;
	padding:5px;
	background:#E3F3FB;
}

#contents .categoryBox .blueBox h3{
	padding:1px 3px 3px 7px;
	border-left:4px solid #78BAEA;
	background:none;
	color:#1D76B8;
	margin-left:4px;
	}
	
#contents .blueBox p{
	margin-left:4px;
}

#contents .blueBox.last{
	margin-bottom:0px;
}

#contents .boxLeft{
	width:457px;
	margin:0 4px 0 0;
	float:left;
}

#contents #section .categoryBox .supportBox_sgl02 .supportBoxInner .supportBoxBg div.boxLeft{
	width:443px;
	margin:0 4px 0 0;
	float:left;
}

#contents .blueBox dl {
	border:1px solid #BDE6F7;
	}

#contents .blueBox dl dt.blue{
	border-bottom:1px solid #BDE6F7;
	background:#F3FAFD url(../../img/renew/common/bg_dt_blue.jpg) no-repeat right 0;
	padding:4px 0 4px 10px;
	font-size:110%;
	font-weight:bold;
	color:#76B7DE;
}

#contents .blueBox dl dt.blue01{
	color:#fff;
	font-weight:bold;
	padding: 3px 0 3px 15px;
	background:#78BAEA;
}
	
#contents .blueBox dl dt.yellow{
	border-bottom:1px solid #BDE6F7;
	background:#fff url(../../img/renew/common/bg_dt_yellow.jpg) no-repeat right 0;
	padding:4px 0 4px 10px;
	font-size:110%;
	font-weight:bold;
	color:#FDAA09;
}

#contents .blueBox dd,
#contents .greenBox dd  {
	padding:5px;
	background:#fff;
	padding:10px;
	}

#contents .blueBox dl.blueHatch dd{
	background:url(../../destinations/img/renew/bg_hatch_blue.gif);
	margin:0;
	border:0;
}

#contents .greenBox{
	margin-bottom:22px;
	padding:5px;
	background:#ECF4E1;
}

#contents .greenBox dl {
	border:1px solid #D0E4B8;	
	}
	
#contents .greenBox dt{
	padding:5px;
	}

#contents .blueBox img.pdfleft {
    float: left;
    padding-right: 10px;
    width: 112px;
}

#contents .blueBox div.right {
    float: left;
    width: 300px;
}