@charset "UTF-8";

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



/* --------------------------------------------------
  RESETTING DEFAULT 
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}



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

body {
    margin:0px;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Osaka, Sans-Serif;
	font-size:15px;
    color:#535353;
	background-color:#FFF;
    overflow-y:scroll;
}

a:link {
    text-decoration:none;
	color:#535353;
}

a:visited {
    text-decoration:none;
	color:#535353;
}

a:hover {
    text-decoration:none;
    color:#ccc;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

a:active {
    text-decoration:none;
    color:#ccc;
}


a:hover img	{
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}


img {
    border: none;
}

p {
	font-weight:normal;
	font-style:normal;
	}




/* --------------------------------------------------
  WRAPPER HEADER
-------------------------------------------------- */

#wrapper_header_area {
	margin:0px;
    padding:0px;
    width:100%;
	height:150px;
	background-color:#FAEFDA;
}



/* --------------------------------------------------
  HEADER
-------------------------------------------------- */

#wrapper_header {
    margin:0px auto 0px auto;
    padding:0px;
    width:1100px;
}

#wrapper_header h1{
    margin:0px auto 0px auto;
    padding:40px 0px 0px 0px;
    width:210px;
	height:70px;
 }




/* --------------------------------------------------
  WRAPPER GLOBAL MENU
-------------------------------------------------- */

#wrapper_menu_area {
	margin:0px;
    padding:0px;
    width:100%;
	height:80px;
	background-color:#FFF;
	overflow:hidden;
}

#wrapper_menu {
    margin:0px auto 0px auto;
    padding:0px;
    width:1100px;
}

/** GLOBAL MENU **/

#gmenu {
	float:left;
    margin:0px 0px 0px 175px;
    padding:5px 0px 0px 0px;
    width:860px;
    height:80px;
	overflow:hidden;
}

#gmenu ul {
    margin:0px 0px 0px 0px;
    padding:0px;
    width:860px;
    list-style: none;
}

#gmenu ul li {
    float:left;
    margin:0px 20px 0px 0px;
    padding:0px;
    height:70px;
    text-indent: -9999px;
}

#gmenu ul li a {
    display:block;
    height:70px;
}

#gmenu ul li#m01   { width:  80px; }
#gmenu ul li#m02   { width: 160px; }
#gmenu ul li#m03   { width: 100px; }
#gmenu ul li#m04   { width: 100px; }
#gmenu ul li#m05   { width: 160px; }
#gmenu ul li#m06   { width: 120px; }

#gmenu ul li#m01 a   { background: url("../common/gmenu.png") -40px  -100px no-repeat; }
#gmenu ul li#m02 a   { background: url("../common/gmenu.png") -160px -100px no-repeat; }
#gmenu ul li#m03 a   { background: url("../common/gmenu.png") -360px -100px no-repeat; }
#gmenu ul li#m04 a   { background: url("../common/gmenu.png") -500px -100px no-repeat; }
#gmenu ul li#m05 a   { background: url("../common/gmenu.png") -640px -100px no-repeat; }
#gmenu ul li#m06 a   { background: url("../common/gmenu.png") -840px -100px no-repeat; }

#gmenu ul li#m01 a:hover   { background: url("../common/gmenu.png") -40px  -200px no-repeat; }
#gmenu ul li#m02 a:hover   { background: url("../common/gmenu.png") -160px -200px no-repeat; }
#gmenu ul li#m03 a:hover   { background: url("../common/gmenu.png") -360px -200px no-repeat; }
#gmenu ul li#m04 a:hover   { background: url("../common/gmenu.png") -500px -200px no-repeat; }
#gmenu ul li#m05 a:hover   { background: url("../common/gmenu.png") -640px -200px no-repeat; }
#gmenu ul li#m06 a:hover   { background: url("../common/gmenu.png") -840px -200px no-repeat; }

#gmenu ul li#m01_on a   { width:  80px; background: url("../common/gmenu.png") -40px  -200px no-repeat; }
#gmenu ul li#m02_on a   { width: 160px; background: url("../common/gmenu.png") -160px -200px no-repeat; }
#gmenu ul li#m03_on a   { width: 100px; background: url("../common/gmenu.png") -360px -200px no-repeat; }
#gmenu ul li#m04_on a   { width: 100px; background: url("../common/gmenu.png") -500px -200px no-repeat; }
#gmenu ul li#m05_on a   { width: 160px; background: url("../common/gmenu.png") -640px -200px no-repeat; }
#gmenu ul li#m06_on a   { width: 120px; background: url("../common/gmenu.png") -840px -200px no-repeat; }

#gmenu ul li a:hover {
	-webkit-transition:all .0s ease;
	-moz-transition:all .0s ease;
	-ms-transition:all .0s ease;
	-o-transition:all .0s ease;
	transition:all .0s ease;
}


#cam_logo {
	float:right;
    margin:14px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	height:50px;
	width:50px;
}


/* --------------------------------------------------
  WRAPPER FOOTER AREA
-------------------------------------------------- */

#wrapper_footer_area {
	margin:0px;
    padding:0px;
    height:300px;
    width:100%;
	background-color:#385BB4;
}

#wrapper_footer {
    width:1100px;
    margin:0px auto 0px auto;
	overflow:hidden;
}


#footer_box{
	float:left;
    margin:95px auto 0px auto;
    padding:0px 0px 0px 0px;
    width:400px;
	overflow:hidden;
}

#footer_box ul {
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style: none;
    width:400px;
}

#footer_box  li {
	float:left;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 15px;
	background:url(../common/footer_icon.png) no-repeat;
    width:185px;
	color:#fff;

}


#footer_box  li a:link {
    text-decoration:none;
    color:#fff;
}

#footer_box  li a:visited {
    text-decoration:none;
    color:#fff;
}

#footer_box  li a:hover {
    text-decoration:none;
    color:#ccc;
}

#footer_box  li a:active {
    text-decoration:none;
    color:#fff;
}


#footer_line {
	float:left;
    margin:70px 0px 0px 40px;
    padding:0px 0px 0px 0px;
    width:20px;
	overflow:hidden;
}

#footer_info{
	float:right;
    margin:80px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:550px;
	overflow:hidden;
}


#footer_info .name{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:14px;
	color:#fff;
}

#footer_info .name span{
	font-size:22px;
    padding:0px 15px 0px 5px;
}

#footer_info .banner{
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	height:50px;
    width:250px;
}


address {
	margin:25px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	color:#FFF
}

/* --------------------------------------------------
  PAGE TOP
-------------------------------------------------- */

#page_top {
    position: fixed;
    bottom: 8%;
    right: 3%;
	}
	
#page_top span {
    width: 66px;
    height: 60px;
    display: block;
	}



/* --------------------------------------------------
  OTHER 
-------------------------------------------------- */

/* ----- MARGIN TOP ----- */

.mt000{
    margin:0px 0px 0px 0px;
}

.mt003{
    margin:3px 0px 0px 0px;
}

.mt005{
    margin:5px 0px 0px 0px;
}

.mt010{
    margin:10px 0px 0px 0px;
}

.mt015{
    margin:15px 0px 0px 0px;
}

.mt020{
    margin:20px 0px 0px 0px;
}

.mt030{
    margin:30px 0px 0px 0px;
}

.mt040{
    margin:40px 0px 0px 0px;
}

.mt050{
    margin:50px 0px 0px 0px;
}

.mt060{
    margin:60px 0px 0px 0px;
}

.mt070{
    margin:70px 0px 0px 0px;
}

.mt080{
    margin:80px 0px 0px 0px;
}

.mt090{
    margin:90px 0px 0px 0px;
}

.mt100{
    margin:100px 0px 0px 0px;
}



.ma010{
    margin:10px auto 0px auto;
}

.ma020{
    margin:20px auto 0px auto;
}

.ma030{
    margin:30px auto 0px auto;
}

.ma040{
    margin:40px auto 0px auto;
}

.ma050{
    margin:50px auto 0px auto;
}

.ma060{
    margin:60px auto 0px auto;
}

.ma070{
    margin:70px auto 0px auto;
}

.ma080{
    margin:80px auto 0px auto;
}

.ma090{
    margin:90px auto 0px auto;
}

.ma100{
    margin:100px auto 0px auto;
}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 40px);
    transition : all 600ms;
    }
	
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	

/** FLOAT RESET **/
.clear {
    clear:both;
    height:0px;
}


/*** END ***/