@charset "UTF-8";

/* 
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");



/* --------------------------------------------------
  HOME GENERAL
-------------------------------------------------- */


/* --------------------------------------------------
  MAIN VISUAL 
-------------------------------------------------- */

#main_visual{
    margin:2% auto;
	width:100%;
	max-width:1000px;
}

#main_visual img{
	width:100%;
	height:auto;	
	}

.bx-wrapper img {
	width:100%;
	height:auto;/*auto又は100%に指定・縦横比を維持する*/
	display:block;
}
.bx-wrapper .bx-pager {/*ページャーの表示位置など*/
	position:absolute;
	bottom:-30px;
	width:100%;
}

#main_visual_front {
    margin:0px auto 0px auto;
    padding:0px;
	width:100%;
	top : -70px;
	position: relative;
}

#main_visual_front img {
	max-width:100%;
	height:auto;	
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}



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

#contents{
    margin:0px 5% 0px 5%;
    padding:0px 0px 0px 0px;
	width:90%;
	height:auto;
	overflow:hidden;
}

h2{
	width:100%;
	height:auto;
    margin:8% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
}

h2 img {
	max-width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
	
h3{
	width:100%;
	height:auto;
    margin:0% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
}

h3 img {
	max-width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

h4{
	width:100%;
	height:auto;
    margin:10% 0px 0px 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
}

h4 img {
	max-width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

h5{
	width:100%;
	height:auto;
    margin:8% 0px 10% 0px;
    padding:0px 0px 0px 0px;
	text-align:center;
}

h5 img {
	max-width:100%;
	height:auto;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}



/* --------------------------------------------------
  CHECK
-------------------------------------------------- */

#recommend_box{
	width:105%;
	height:auto;
	margin:8% 0px 0px 0px;
    padding:0px;
	overflow:hidden;
}

#recommend_box ul {
    margin:0px 0px 0px 0px;
	list-style: none;
}

#recommend_box li{
	float: left;
	width: 31%;
	height:auto;
    margin:0px 1% 0% 0px;
    padding:0px 0px 0px 0px;
    display:block;
	overflow:hidden;
}

#recommend_box li img{
	float: left;
	max-width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}



/* --------------------------------------------------
  INFORMATION
-------------------------------------------------- */

.infomation_box {
	width:100%;
	height:auto;
	margin:7% 0px 0px 0px;
    padding:0px;
	overflow:hidden;
}

.infomation_box ul {
    margin:5% 0px 0px 0px;
    padding:0px;
	list-style: none;
}

.infomation_box li{
    margin:3% 0px 0px 0px;
    padding:2% 0px 3% 2%;
	width:100%;
	border-bottom:1px #CCCCCC dotted;
}



.infomation_box li .date{
    margin:0px 0px 2% 0px;
    padding:1px 0px 0px 18px;
	width:100%;
	font-weight:bold;
	line-height:13px;
	background:url(../home/info_mark01.png) no-repeat;
}


.btn {
    margin:3% 0px 0px 0px;
    padding:0px;
}

.btn img{
    margin: 0 auto;
    display:block;
	max-width:50%;
	height:auto;	
}







/*** END ***/