@charset "UTF-8";

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



@import url("common.css");



/* --------------------------------------------------
  SECOND GENERAL
-------------------------------------------------- */

/* --------------------------------------------------
  CATEGORY TITLE 
-------------------------------------------------- */

#wrapper_second_title {
    width:100%;
	margin:0px;
    padding:0px;
    height:auto;
	background-color:#E83829;
}


#second_title {
    margin:0px auto 0px auto;
    padding:0px;
    width:100%;
    height:auto;
    background:url(../common/second_title_front.png) no-repeat;
	background-size:100% 100%;
}

#second_title h2{
    margin:0px 0px 0px 0px;
    padding:5% 0px 12% 0px;
	text-align:center;
	font-size:120%;
	letter-spacing:0.5em;
	color:#fff;
}


/* --------------------------------------------------
  PAGE NAVI 
-------------------------------------------------- */

#pnavi_area {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0px;
	height:40px;
}

#pnavi_area p {
    margin:0px 0px 0px 0px;
    padding:3% 0px 0px 3%;
	font-size:12px;
}



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

#contents{
    margin:10% 3% 0px 3%;
    padding:0px 0px 0px 0px;
	width:94%;
	height:auto;
	overflow:hidden;
}


/* --------------------------------------------------
  MAIN PARTS
-------------------------------------------------- */

/* TEXT */

.com{
    margin:0px 0px 0px 0px;
    padding:0px;
	line-height:1.8em;
}


.box{
	clear:both;
    padding:0px 0px 0px 0px;
    max-width:100%;
	overflow:hidden;
}


.line{
    padding:0px;
    border-bottom: #ccc 1px solid;
	height:3px;
}

/* block */

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

.bl10{
    margin:10px 3% 0px 3%;
    padding:0px;
}

.bl20{
    margin:20px 3% 0px 3%;
    padding:0px;
}

.bl30{
    margin:30px 3% 0px 3%;
    padding:0px;
}

.bl40{
    margin:40px 3% 0px 3%;
    padding:0px;
}

.bl50{
    margin:50px 3% 0px 3%;
    padding:0px;
}


h3.title01 {
    padding:1px 0px 0px 20px;
    max-width:100%;
	line-height:46px;
	font-size:16px;
	background:url(../common/h3_back01.png)no-repeat;
}

h4.title01 {
    padding:1px 0px 0px 20px;
    max-width:100%;
	line-height:36px;
	font-size:14px;
	background:url(../common/h4_back01.png)no-repeat;
}

h4.title02 {
    padding:1px 0px 0px 20px;
    max-width:100%;
	line-height:36px;
	font-size:14px;
	background:url(../common/h4_back02.png)no-repeat;
}

h4.title03 {
    padding:1px 0px 0px 20px;
    max-width:100%;
	line-height:36px;
	font-size:14px;
	background:url(../common/h4_back03.png)no-repeat;
}

h5.title01 {
    padding:0px 0px 0px 0px;
    max-width:100%;
	font-size:14px;
	border-bottom:2px #F5AF65 solid;
}

h5.title02 {
    padding:0px 0px 0px 0px;
    max-width:100%;
	font-size:14px;
	color:#00698C;
}

h6.title01 {
    padding:0px 0px 0px 0px;
    max-width:100%;
	font-size:14px;
	color:#468051;
}



/* --------------------------------------------------
  CASE02 --- IMAGE (LEFT or RIGHT） 
-------------------------------------------------- */

.image_feft{
	float:left;
    margin:0px 5% 3% 0px;
    padding:0px;
    max-width: 30%;
	overflow:hidden;
}

.image_feft img {
	max-width:100%;
    height: auto;
}

.image_right{
	float:right;
    margin:0px 0px 3% 5%;
    padding:0px;
    max-width: 30%;
	overflow:hidden;
}

.image_right img {
	max-width:100%;
    height: auto;
}



/* --------------------------------------------------
  CASE03 --- IMAGE ONLY
-------------------------------------------------- */

.image_only{
    padding:0px 0px 0px 0px;
    max-width:100%;
	overflow:hidden;
}

.image_only img{
	max-width:100%;
	height:auto;	
}



/* --------------------------------------------------
  CASE04 --- IMAGE (2LINE） 
-------------------------------------------------- */

.image_box{
    padding:0px 0px 0px 0px;
    max-width:100%;
	overflow:hidden;
}

.image_box ul {
    margin:0px 0px 0px 0px;
    padding:0px;
	list-style: none;
}

.image_box li{
	float: left;
    margin:2% 3% 0px 0px;
    max-width:47%;
}

.image_box img{
    max-width:100%;
	height:auto;
}


/* --------------------------------------------------
  CASE05 --- IMAGE (TITLE + TEXT） 
-------------------------------------------------- */

.image3_box{
    padding:0px;
    max-width:100%;
	overflow:hidden;
}

.image3_box ul {
    margin:0px 0px 0px 0px;
	list-style: none;
}

.image3_box li{
	float: left;
    max-width:100%;
}

.image3_box li a{
    text-decoration:none;
}

.image3_box li a:hover{
    text-decoration:none;
    color:#fff;
}

.image3_box li img {
    margin:5% 0px 0px 0px;
    padding:0px;
    max-width:100%;
	height:auto;
}

.image3_box li .title {
    margin:10px 0px 0px 0px;
    padding:0px 0px 3px 0px;
    max-width:100%;
	line-height:1.7em;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

.image3_box li p {
    clear: both;
	float:left;
    margin:0px 0px 0px 0px;
	line-height:1.5em;
	font-weight:normal;
	height:40px;
	font-size:11px;
}



/* --------------------------------------------------
  CASE06 --- IMAGE (LINE + TITLE + TEXT） 
-------------------------------------------------- */

.image2_box{
    padding:0px;
    max-width:100%;
	overflow:hidden;
}

.image2_box ul {
    margin:0px 0px 0px 0px;
	list-style: none;
}

.image2_box li{
	float: left;
    max-width:100%;
    margin:0px 0px 30px 0px;
}

.image2_box li a{
    text-decoration:none;
}

.image2_box li a:hover{
    text-decoration:none;
    color:#fff;
}

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

.image2_box li .text_box {
	float:left;
    margin:10px 0px 0px 0px;
    padding:0px;
    max-width:100%;
	height:auto;
	border:1px #CCCCCC solid;
}

.image2_box li .text_box .title {
	float:left;
    margin:5px 5px 0px 10px;
    padding:0px 0px 3px 0px;
	line-height:1.7em;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

.image2_box li .text_box p {
    clear: both;
	float:left;
    margin:0px 0px 0px 10px;
	line-height:1.5em;
	font-weight:normal;
	height:40px;
	font-size:11px;
}



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

.info_box{
    padding:0px;
    max-width:100%;
	overflow:hidden;
}

.info_box ul {
    margin:0px 10px 0px 10px;
    padding:0px 0px 0px 0px;
	list-style: none;
}

.info_box li{
    margin:0px 0px 25px 0px;
	line-height:13px;
	background:url(../home/info_mark01.png) no-repeat;
	border-bottom:1px #CCCCCC dotted;
}

.info_box li .date {
	float:left;
    margin:0px 0px 5px 0px;
    padding:0px 0px 2px 18px;
	width:90px;
	font-weight:bold;
}

.info_box li p {
	clear:both;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	line-height:1.5em;
	font-weight:normal;
}

.info_box ul li a:link {
    text-decoration:none;
}

.info_box ul li a:visited {
    text-decoration:none;
}

.info_box ul li a:hover {
    text-decoration:underline;
	color:#666;
}

.info_box ul li a:active {
    text-decoration:none;
}



/* --------------------------------------------------
  CONTACT
-------------------------------------------------- */

.contact_box{
    padding:0px 0px 0px 0px;
    max-width:100%;
	overflow:hidden;
}

.contact_box form {
    max-width:100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}


.contact_box table {
	margin:0px 0px 0px 0px;
	padding:0px;
    line-height:2.5em;
}

.contact_box select,input{
	margin:0px 0px 20px 0px;
    font-size: 14px;
}

.contact_box input[type="radio"] {
	margin:0px 0px 20px 0px;
    font-size: 14px;
}

.contact_box .ac_com {
	margin:50px 15px 0px 15px;
	padding:0px;
	text-align:left;
}

.contact_box .send_reset {
	margin:30px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

.contact_box span {
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#C00;
}

.contact_box span.case01{
	margin:0px 0px 0px 10px;
	padding:0px;
	font-size:14px;
	color:#333;
}

.contact_box .button_d {
    padding:3px 10px 3px 10px;
    background-color:#FF8000;
	font-size:14px;
    color: #fff;
    border-style: none;
}

.contact_box .button_d:hover {
    background-color:#FFAE38;
    color: #fff;
}


.contact_tel{
    padding:0px 0px 0px 0px;
    max-width:100%;
}

.contact_tel img{
    max-width:100%;
}



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

#contents_menu {
    padding:0px 0px 0px 0px;
    max-width:100%;
	overflow:hidden;
}

#contents_menu ul {
    margin:0px 0px 5% 0px;
    padding:0px;
    max-width:106%;
    list-style: none;
}

#contents_menu li {
	float: left;
	width: 44%;
    margin:0px 2% 2% 0px;
    padding:2% 2% 2% 2%;
	background-color:#FF8000;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
}

#contents_menu li.on{
	background-color:#FFAE38;
	color:#FFFFFF;
}

#contents_menu li a:link {
    text-decoration:none;
	color:#FFFFFF;
}

#contents_menu li a:visited {
    text-decoration:none;
	color:#FFFFFF;
}

#contents_menu li a:hover {
    text-decoration:nene;
	color:#FFFFFF;
}

#contents_menu li a:active {
    text-decoration:none;
	color:#FFFFFF;
}

/* --------------------------------------------------
  TABLE 
-------------------------------------------------- */

.table_wrapper{
	display: block; 
    overflow: auto;
    max-width: 100%;
}

table.timetable {
	width:140%;
    margin:0 auto;
    border-collapse:separate;
    border-spacing:0px 1px;
	font-size:12px;
}

table.timetable th {
    padding: 5px;
    vertical-align:middle;
    text-align:center;
    border-right:#EEEEEE 1px solid;
    border-bottom:#EEEEEE 1px solid;
    background:#eca5b2;
	color:#fff;
}
 
table.timetable td {
	width:20%;
    padding:12px;
    vertical-align:middle;
    text-align:center;
    border-right:#EEEEEE 1px solid;
    border-bottom:#EEEEEE 1px solid;
}

 


/*** END ***/



/*** END ***/