@charset "utf-8";

/*  : universal reset
----------------------------------------------------------------------------------------*/
.universal
	{
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td
	{
	margin:0;
	padding:0;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td
	{
	word-break:break-all;
	text-align:left;
	}

input,textarea
	{
	margin:2px;
	padding:0;
	}

h1,h2,h3,h4,h5,h6
	{
	font-style		: normal;
	font-weight		: normal;
	font-size:100%;
	}

img, object, embed
	{
　　vertical-align:bottom;
	}

img
	{
	border			: 0;
	}

ul,ol{
	list-style:none;
	}

html,body
	{
	height:100%;
	}

label
	{
	cursor: hand;
	cursor: pointer;
	}

body
	{
	background-image: url(../img/guam_background.gif) ;
	background-repeat:repeat-x;
	color			: #222;
	background-color:#72b9d5;
	font-family:"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	line-height:1.3;
	font-size:84%;
	text-align: center;
	}

table,td,th
	{
	font-size:100%;
	border			: none;
	text-align		: left;
	vertical-align	: top;
	font-weight:normal;
	}

a:hover img
	{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
	}

.opacity100 a:hover img /* マウスオーバー時に画像を透過させない設定。カンマで追加。 */
	{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
	}

/*  : common setting
----------------------------------------------------------------------------------------*/
strong,em
	{
	font-style		: normal;
	font-weight		: bold;
	}

a:link, a:active, a:visited
	{
	color			: #004dff;
	text-decoration	: underline;
	}

a:hover
	{
	color			: #427aff;
	text-decoration	: underline;
	}

/*  : float
----------------------------------------------------------------------------------------*/
.floatleft
	{
	float:left;
	}

.floatright
	{
	float:right;
	}

/*  : clearfix
----------------------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* base layout
----------------------------------------------------------------------------------------*/
#container
	{
	margin:0 auto;
	width:1000px;	background-color:#ffffff;
	}

#innerline
	{
	padding:5px 15px 15px 15px;
	}


/* head layout
-----------------------------------*/
#pagetoparea
	{
	background-image: url(../img/header_bg.gif) ;
	background-repeat:none;
	padding:3px 8px;
	line-height:120%;
	color:#fff;
	}

#pagetoparea a:link,#pagetoparea a:visited
	{
	color:#fff;
	}

#headerh1text
	{
	font-size:90%;
	}

#headerright
	{
	float:right;
	}

.header_help
	{
	float:left;
	background-image: url(../img/icon_help.gif) ;
	background-repeat:no-repeat;
	background-position: 0 2px;
	padding-left:16px;
	padding-right:10px;
	}

.header_inquiry
	{
	float:left;
	background-image: url(../img/icon_inquiry.gif) ;
	background-repeat:no-repeat;
	background-position: 0 2px;
	padding-left:16px;
	}

#naviline
	{
	background-image: url(../img/tab_bg.gif) ;
	background-repeat:no-repeat;
	background-position:0 15px;
	}

#mypage_line
	{
	float:right;
	margin-right:7px;
	}

ul#global_navi
	{
	float:left;
	margin-top:2px;
	}

ul#global_navi li
	{
	height:40px;
	float:left;
	}

.global_first_li
	{
	margin-left:17px;
	}

ul#detail_navi
	{
	background-image: url(../img/detail_bg.gif);
	background-repeat:none;
	}

ul#detail_navi li
	{
	font-size:90%;
	height:29px;
	line-height:26px;
	float:left;
	}

div#detail_navi_empty
	{
	background-image: url(../img/detail_bg.gif);
	background-repeat:none;
	font-size:90%;
	height:29px;
	line-height:26px;
	}


ul#detail_navi a:link , ul#detail_navi a:active, ul#detail_navi a:visited
	{
	color:#0363ba;
	}

ul#detail_navi a:hover
	{
	color:#2495fb;
	}

.detail_first_li
	{
	background: url(../img/detail_navi_first.gif) no-repeat;
	padding-left: 11px;
	padding-right: 1px;
	margin-left:15px;
	}

.detail_other_li
	{
	background: url(../img/detail_navi_other.gif) no-repeat;
	padding-left: 10px;
	padding-right: 2px;
	margin-left:8px;
	}

.detail_first_li.detail_selected
	{
	background-image: url(../img/detail_selected_first.gif);
	background-repeat:no-repeat;
	}

.detail_other_li.detail_selected
	{
	background-image: url(../img/detail_selected.gif);
	background-repeat:no-repeat;
	}

#searcharea
	{
/*	background-image: url(../img/searcharea.gif);*/
	height: 29px;
/*	width: 220px;*/
	float: right;
	margin-top: 14px;
/*	margin-right: 8px;*/
	}

.searchinput
	{
	font-size: 12px;
	height: 16px;
	width: 190px;
	margin-top: 4px;
	margin-left: 25px;
	border: 0px none #FFF;
	}

#headtext
	{
	float:left;
	}

#usrline
	{
	float:left;
	width: 190px;
	padding:15px 0 0 8px;
	}

#usrline_mypage
	{
	background-color:#eee;
	padding:5px;
	margin-top:10px;
	margin-bottom:30px;
	}

#usrname
	{
	line-height:100%;
	border-left:5px #999999 solid;
	padding-left:8px;
	}

ul#pan
	{
	margin: 5px 0 20px 2px;
	height: 17px;
	font-size:90%;
	}

ul#pan li
	{
	float:left;
	}

	li.pan_arrow
	{
	padding: 0 0 2px 18px;
	background-image: url(../img/pan_arr.gif) ;
	background-repeat:no-repeat;
	background-position: 3px 1px;
	list-style-type:none;
	}

/* foot layout
-----------------------------------*/
#relationlink
	{
	background-color:#fff;
	padding:60px 20px 20px 20px;
	}

#footer_text
	{
	text-align:center;
	}

#footer_small
	{
	background-color:#ddebf5;
	padding:10px;
	color:#1489cf;
	font-size:80%;
	text-align:center;
	margin-bottom:0;
	}

#footer_small a
	{
	color:#1489cf;
	text-decoration:none;
	font-weight:normal;
	}

#footer_small strong
	{
	text-decoration:none;
	font-weight:normal;
	}

#copyright
	{
	padding:10px 0;
	color:#fff;
	font-size:90%;
	text-align:center;
	}


/*  : font style
-----------------------------*/
.sm
	{
	font-size		: 100%;
	letter-spacing	: 0;
	}

.med
	{
	font-size			: 120%;
	color:#444444;
	text-decoration:none;
	}

.la
	{
	font-size			: 140%;
	line-height		: 120%;
	}

.weightnormal
	{
	font-weight:normal;
	}

.weightbold
	{
	font-weight:bold;
	}

.rednormal
	{
	color:#bd0000;
	}

.redbold
	{
	font-weight:bold;
	color:#bd0000;
	}

.bluebold
	{
	font-weight:bold;
	color:#0052b7;
	}

strong.page_catch
	{
	font-size:120%;
	color:#9d0000;
	}

.price_downcolor
	{
	color:#dd5e00
	}

.price_downstyle
	{
	text-decoration:line-through;
	}

.green_text
	{
	font-weight:bold;
	color:#008000;
	}

.black_text
	{
	color:#000;
	}

a:link.bluelink
	{
	color:blue;
	}


/*  : align style
-----------------------------*/
.alignleft
	{
	text-align:left
	}

.aligncenter
	{
	text-align:center
	}

.alignright
	{
	text-align:right
	}

.valigntop
	{
	vertical-align:tpp
	}

.valignmiddle
	{
	vertical-align:middle
	}

.valignbottom
	{
	vertical-align:bottom
	}


/*  : margin type
-----------------------------*/
.margintop5
	{
	margin-top:5px
	}

.margintop10
	{
	margin-top:10px
	}

.margintop15
	{
	margin-top:15px
	}

.margintop20
	{
	margin-top:20px
	}

.margintop30
	{
	margin-top:30px
	}

.marginbottom20
	{
	margin-bottom:20px
	}

.marginleft10
	{
	margin-left:10px
	}

.marginleft15
	{
	margin-left:15px
	}

.marginleft20
	{
	margin-left:20px
	}

.marginweidth5
	{
	margin-left:5px;
	margin-right:5px;
	}

.marginweidth10
	{
	margin-left:10px;
	margin-right:10px;
	}

.marginall10
	{
	margin:10px;
	}
	
.margin15top0
	{
	margin:15px;
	margin-top:0;
	}

.marginall15
	{
	margin:15px;
	}

.marginall42
	{
	margin:42px;
	}

.paddingall10
	{
	padding:10px;
	}

.paddingall15
	{
	padding:15px;
	}


.paddingall20
	{
	padding:20px;
	}

.paddingall25
	{
	padding:25px;
	}

.paddingall30
	{
	padding:30px;
	}

.paddingall40
	{
	padding:40px;
	}



/*  : width parts
-----------------------------*/
.wd20
	{
	width:20px;
	}

.wd40
	{
	width:40px;
	}

.wd50
	{
	width:50px;
	}

.wd60
	{
	width:60px;
	}

.wd70
	{
	width:70px;
	}

.wd80
	{
	width:80px;
	}

.wd90
	{
	width:90px;
	}

.wd100
	{
	width:100px;
	}

.wd110
	{
	width:110px;
	}

.wd120
	{
	width:120px;
	}

.wd130
	{
	width:130px;
	}

.wd140
	{
	width:140px;
	}
	
.wd160
	{
	width:160px;
	}

.wd180
	{
	width:180px;
	}

.wd200
	{
	width:200px;
	}

.wd225
	{
	width:225px;
	}

.wd235
	{
	width:235px;
	}

.wd250
	{
	width:250px;
	}

.wd275
	{
	width:275px;
	}

.wd300
	{
	width:300px;
	}

.wd310
	{
	width:310px;
	}

.wd365
	{
	width:365px;
	}

.wd380
	{
	width:380px;
	}

.wd480
	{
	width:480px;
	}

.wd720
	{
	width:720px;
	}

.wd740
	{
	width:740px;
	}

.wd850
	{
	width:850px;
	}

.wd875
	{
	width:875px;
	}

.wd880
	{
	width:880px;
	}

.wd950
	{
	width:950px;
	}


/*  : Caution Alert
-----------------------------*/
.caution_txt
	{
	border:2px #0fa80a solid;
	color:#0c8507;
	background-color:#e3ffe8;
	font-weight:bold;
	font-size:140%;
	line-height:120%;
	text-align:center;
	padding:10px;
	margin-bottom:15px;
	}

.caution_ale
	{
	color:#0c8507;
	}


/*  : Arrow link
-----------------------------*/
.bluearrowlink
	{
	background:#fff url(../img/blue_arrow.gif) no-repeat;
	padding:2px 0 4px 18px;
	}