@charset "Shift_JIS";

/* -------------------------------------------------------------
    01. Float Clearing
------------------------------------------------------------- */
div#str-main div#spg div.lyt-2col-01:after,
div#str-main div#spg div.lyt-3col-01:after,
div#str-main div#spg div.lyt-4col-01:after,
div#str-main div#spg div.doc-img:after,
div#str-main div#spg div.doc-img p.link:after,
div#str-main div#spg ul.list-link-03:after,
div#str-main div#spg div.spg-con-R:after,
div#str-main div#spg div.spg-con-01:after,
div#str-main div#spg div.spg-con-02:after,
div#str-main div#spg div.spg-con-03:after,
div#str-main div#spg div.lyt-tbl-01:after,
div#str-main div#spg ul.list-notice-01 li:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


/* -------------------------------------------------------------
    02. hasLayout Swicth
------------------------------------------------------------- */
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,div#str-footer div#nav-footer ul li,div#str-main div#spg ul.list-notice-01 li,div#str-main div#spg ul.list-link-03 li a,div#str-main div#spg div.lyt-2col-01,div#str-main div#spg div.lyt-3col-01,div#str-main div#spg div.lyt-4col-01,#str-main div.doc-img,div#str-main div#spg div.doc-img p.image,div#str-main div#spg div.lyt-tbl-01,div#str-main div#spg ul.list-notice-01 li{
zoom:1;
}

ul li,ol li,div#str-main div#spg div.doc-img div.text{
zoom:0;
}

/* ---------------- END for support -------------------------------- */



/*  hdg-l2-01 <h2>CSS
--------------------------------------- */
div#str-main div#spg h2.hdg-l2-01{
	background:url("/spgroup/images/hdg-l2-01-bg-01.gif") no-repeat left top;
	line-height:1.25;
	margin-bottom: 15px;
	font-size: 1.2em;
}


div#str-main div#spg h2.hdg-l2-01 span{
padding:7px 10px 5px 13px;
display:block;
background:url("/spgroup/images/hdg-l2-01-bg-02.gif") no-repeat left bottom;
}


/*  icon-l3-point
--------------------------------------- */
div#str-main div#spg .icon-01 {
	background: url(/spgroup/images/icon-l3-point-01.gif) no-repeat;
	padding-left: 43px;
	padding-top: 0.8em;
	padding-bottom: 1em;
	font-size: 1.2em;
	color: #201676;
}

div#str-main div#spg .icon-02 {
	background: url(/spgroup/images/icon-l3-point-02.gif) no-repeat;
	padding-left: 35px;
	padding-top: 0.8em;
	font-size: 1.2em;
	color: #503C10;
	padding-bottom: 1em;
}

/*  price
--------------------------------------- */
div#str-main div#spg span.price{
	color:#be1512;
	font-weight: bold;
	font-size: 140%;
}


/*  p.nav-page-02
--------------------------------------- */
div#str-main div#spg p.nav-page-02{
	padding:7px 10px;
	border:1px solid #c7c7e7;
	background:#e5e5f5;
}

div#str-main div#spg p.nav-page-02 a{
padding-left:15px;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.1em;
}

/*  a.nav-page-01
--------------------------------------- */
div#str-main div#spg a.nav-page-01{
padding-left:15px;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.1em;
}

/*  a.nav-page-02
--------------------------------------- */
div#str-main div#spg a.nav-page-02{
padding-left:15px;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.2em;
font-size:1.16em;
}


/*  image-float
--------------------------------------- */
div#str-main div#spg p.image-R{
	float:right;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}

div#str-main div#spg p.image-L{
	float:left;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}

/*  image-float none_margin
--------------------------------------- */
div#str-main div#spg p.image-RR{
	float:right;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}

div#str-main div#spg p.image-LL{
	float:left;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}


/*  dot-line
--------------------------------------- */
div#str-main div#spg .line {
	margin-bottom:20px;
	padding-bottom:1px;
	background:url("/shared/images/site-dotline-h-01-bg.gif") repeat-x 0 100%;
	font-size: 1px;
	color: #FFFFFF;
}


/* -------------------------------------------------------------
    list
------------------------------------------------------------- */

/*  list-numbering-01
--------------------------------------- */
div#str-main div#spg ol.list-numbering-01 li{
	margin-left:1.9em;
	list-style:decimal;
	margin-bottom: 0.6em;
}
/* START for IE6 */* html div#str-main div#spg ol.list-numbering-01 li{
margin-left:2.3em;
}/* END for IE6 */
/* START for IE7 */*:first-child+html div#str-main div#spg ol.list-numbering-01 li{
margin-left:2.3em;
}/* END for IE7 */


/*  list-numbering-02
--------------------------------------- */
div#str-main ol.list-numbering-02{
font-weight:bold;
}

div#str-main ol.list-numbering-02 li span{
padding-right:2px;
}

div#str-main ol.list-numbering-02 li ul{
margin-bottom:0;
margin-left:17px;
}

div#str-main ol.list-numbering-02 li ul li ul{
font-weight:normal;
}


/*  list-numbering-03
--------------------------------------- */
div#str-main div#spg ol.list-numbering-03 li{
padding:0 0 4px 22px;
background-repeat:no-repeat;
background-position:0 0;
margin-bottom: 0.6em;
}

div#str-main div#spg ol.list-numbering-03 li.number-01{background-image:url("/spgroup/images/icon-number-01.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-02{background-image:url("/spgroup/images/icon-number-02.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-03{background-image:url("/spgroup/images/icon-number-03.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-04{background-image:url("/spgroup/images/icon-number-04.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-05{background-image:url("/spgroup/images/icon-number-05.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-06{background-image:url("/spgroup/images/icon-number-06.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-07{background-image:url("/spgroup/images/icon-number-07.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-08{background-image:url("/spgroup/images/icon-number-08.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-09{background-image:url("/spgroup/images/icon-number-09.gif");}
div#str-main div#spg ol.list-numbering-03 li.number-10{background-image:url("/spgroup/images/icon-number-10.gif");}


/*  list-bullet-01
--------------------------------------- */
div#str-main div#spg ul.list-bullet-01 li{
	padding-left:12px;
	background:url("/shared/images/icon-bullet-01-01-bg.gif") no-repeat 0 0.4em;
	margin-left: 5px;
	margin-bottom: 0.6em;
}

div#str-main div#spg ul.list-bullet-01 li ul li{
	padding-left:12px;
	background:url("/shared/images/icon-bullet-01-02-bg.gif") no-repeat 0 0.5em;
}

/*  list-link-01
--------------------------------------- */
div#str-main div#spg ul.list-link-01 li{
margin-bottom:7px;
padding-bottom:7px;
background:url("/shared/images/site-dotline-h-01-bg.gif") repeat-x 0 100%;
}

div#str-main div#spg ul.list-link-01 li a{
padding-left:15px;
display:block;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.3em;
}

/*  list-link-02
--------------------------------------- */
div#str-main div#spg ul.list-link-02 li{
margin-bottom:7px;
padding-bottom:7px;
background:url("/shared/images/site-dotline-h-01-bg.gif") repeat-x 0 100%;
}

div#str-main div#spg ul.list-link-02 li a{
padding-left:15px;
display:block;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.3em;
font-size:1.16em;
}

div#str-main div#spg ul.list-link-02 li a.current,
div#str-main div#spg ul.list-link-02 li a.current:hover{
color:#bf1313;
background-image:url("/shared/images/icon-arrow-02-bg.gif");
font-weight:bold;
text-decoration:none;
}

div#str-main div#spg ul.list-link-02 li p{
margin-bottom:0;
padding-left:15px;
}

div#str-main div#spg ul.list-link-02 li p a,
div#str-main div#spg ul.list-link-02 li p a.current{
padding-left:0;
display:inline;
background:none;
font-size:1em;
font-weight:normal;
}

/*  list-link-03
--------------------------------------- */
div#str-main div#spg ul.list-link-03 li{
	padding-left:15px;
	background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.3em;
}

/*  list-link-05
--------------------------------------- */
div#str-main ul.list-link-05 li{
margin:0 10px 5px 0;
padding-left:15px;
float:left;
background:url("/shared/images/icon-arrow-01-bg.gif") no-repeat 0 0.3em;
white-space:nowrap;
}


/*  list-notice-01
--------------------------------------- */
div#str-main div#spg ul.list-notice-01{
color:#a66001;
}

div#str-main div#spg ul.list-notice-01 li{
margin-bottom:5px;
}

div#str-main div#spg ul.list-notice-01 li span.notice{
display:block;
float:left;
}

div#str-main div#spg ul.list-notice-01 li span.text{
margin-left:26px;
display:block;
}

div#str-main div#spg span.notice{
color:#a66001;
}

/*  list-notice-02
--------------------------------------- */
div#str-main div#spg dl.list-notice-02 dd{
margin-left:1.1em;
}


/* -------------------------------------------------------------
    Layout
------------------------------------------------------------- */

/*  doc-right-01
--------------------------------------- */
div#str-main div#spg p.doc-right-01{
text-align:right;
}

/*  doc-center-01
--------------------------------------- */
div#str-main div#spg p.doc-center-01{
text-align:center;
}

/*  doc-img <photo+text>
--------------------------------------- */

div#str-main div#spg div.doc-img.float-L p.image{
	float:left;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}

/* img-size-change */
div#str-main div#spg div.doc-img.float-L div.text.w-120{padding-left:140px;}
div#str-main div#spg div.doc-img.float-L div.text.w-150{padding-left:170px;}
div#str-main div#spg div.doc-img.float-L div.text.w-200{padding-left:220px;}
div#str-main div#spg div.doc-img.float-L div.text.w-250{padding-left:270px;}

div#str-main div#spg div.doc-img.float-R p.image{
	float:right;
	padding: 4px;
	border:#CCCCCC solid 1px;
	background-color:#fff;
	font-size: 0.8em;
	color: #333333;
	text-align: right;
	line-height: 1.6em;
}

/* img-size-change */
div#str-main div#spg div.doc-img.float-R div.text.w-120{padding-right:140px;}
div#str-main div#spg div.doc-img.float-R div.text.w-150{padding-right:170px;}
div#str-main div#spg div.doc-img.float-R div.text.w-200{padding-right:220px;} 
div#str-main div#spg div.doc-img.float-R div.text.w-250{padding-right:270px;} 


div#str-main div#spg div.doc-img div.text p.tour {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1em;
}

/* START for IE6 */
* html div#str-main div#spg div.doc-img.float-L table,
* html div#str-main div#spg div.doc-img.float-R table{
width:auto;
}/* END for IE6 */



/*  START template vol.1 <point-box>
------------------------------------------------------------------------------ */


/*  spg-con- <point-contents-box>
--------------------------------------- */
div#str-main div#spg .spg-con-01 {
	padding: 15px;
	margin-bottom: 20px;
	background: #FEF7F1;
	border-right: 1px solid #AC4C00;
	border-bottom: 1px solid #AC4C00;
	border-left: 1px solid #AC4C00;
}

div#str-main div#spg .spg-con-02 {
	background: url(/spgroup/images/img-con-02-bg.gif) repeat;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

div#str-main div#spg .spg-con-03 {
	background: #EFEAD8 url(/spgroup/images/img-con-03-bg.gif) repeat;
	padding: 15px;
}


/*  spg-con-R <photo2over>
--------------------------------------- */
div#str-main div#spg .spg-con-R {
	float: right;
	width: 255px;
}

/*  END template vol.1
------------------------------------------------------------------------------ */


/*  START template vol.2 <Layout-2col>
------------------------------------------------------------------------------ */

/*  lyt-2col-01
--------------------------------------- */
div#str-main div#spg div.lyt-2col-01{
margin-right:-40px;
}

div#str-main div#spg div.lyt-2col-01 div.column{
margin-right:20px;
padding-bottom:10px;
float:left;
width:434px;
}

/*  box-divide-01
--------------------------------------- */
div#str-main div#spg div.box-divide-01{
margin-bottom:20px;
padding-bottom:1px;
background:url("/shared/images/site-dotline-h-01-bg.gif") repeat-x 0 100%;
}

/*  box-divide-02
--------------------------------------- */
div#str-main div#spg div.box-divide-02{
margin-bottom:20px;
padding-bottom:1px;
}

/*  END template vol.2
------------------------------------------------------------------------------ */


/*  START template vol.3 <Layout-table>
------------------------------------------------------------------------------ */

div#str-main div#spg div.lyt-tbl-01 .nav-page-top{
margin-bottom:20px;
}

div#str-main div#spg .tbl-style-01{
	margin:10px 0 5px;
}

div#str-main div#spg .tbl-style-01 td{
padding:5px;
border-bottom:1px solid #CCCCCC;
}

div#str-main div#spg .tbl-style-01 .tbl-title td{
	padding:0 5px 0 10px;
	height:30px;
	color:#FFFFFF;
	background:#707070;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

div#str-main div#spg .tbl-style-01 .tbl-th td{
	text-align:center;
	white-space:nowrap;
	background: #EFEFE0;
}

div#str-main div#spg .tbl-style-01 td.kakaku{
color:#CC0000;
}

/*  END template vol.3
------------------------------------------------------------------------------ */


/*  START template vol.4 <Layout-3col>
------------------------------------------------------------------------------ */
/*  lyt-3col-01
--------------------------------------- */
div#str-main div#spg div.lyt-3col-01{
margin-right:-84px;
}

div#str-main div#spg div.lyt-3col-01 div.column{
margin-right:42px;
float:left;
width:268px;
}

/*  END template vol.4
------------------------------------------------------------------------------ */

/*  START template vol.5 <Layout-4col>
------------------------------------------------------------------------------ */
/*  lyt-3col-01
--------------------------------------- */
div#str-main div#spg div.lyt-4col-01{
margin-right:-72px;
}

div#str-main div#spg div.lyt-4col-01 div.column{
margin-right:36px;
float:left;
width:195px;
}

/*  END template vol.5
------------------------------------------------------------------------------ */