@charset 'UTF-8';

/*【1】画面レイアウト*/

/*【1-1】基本設定*/

*											{ padding: 0; }
body 										{ background-color:#000; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 12px; line-height:1.5em; }
.clear {clear: both;}
#body {width: 950px;text-align: left;background-color:#fff;}


/*h4 {
	background-color:#ddd;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px 5px 15px;
	border-left:#555 5px solid;
}
*/
h4 {
	font-size:18px;
	font-weight:bold;
	padding:5px 10px 7px 10px;
	border-left:#7EBA19 5px solid;
	border-bottom:#e5e5e5 1px solid;
	margin-bottom: 10px; 
	/*font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3","Times New Roman", Times, serif;*/
}

h3 {
	font-size:15px;
	font-weight:bold;
	text-align: left;
	border: 1px solid #7EBA19;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 20px;
}


/*【1-2】ヘッダー*/



div#app_multiheader	{
	z-index:100;
	width: 100%;
	padding: 1px;
	font-size:14px;
	color:#777777;
	border-bottom: 1px solid #CCC;
	background-color:#121212;
	top:0;
	left:0;
}

div#app_multiheader	a {
	color:#fff;
}

* html div#app_multiheader    {   
    position: absolute;   
    top: expression(eval(document.documentElement.scrollTop+0));
}
div#app_multiheader h1	{
	vertical-align: middle;
	width: 950px;
	margin: 0 auto;
	height:34px;
	font-size: 14px;
	font-weight: bolder;
}

#tabs { z-index:5; }

/*【1-3】フッタ*/
.footer {
	text-align:center;
	padding:15px;
}

/*【1-3】サイドバー*/

#sidebar {
	width:200px;
	background-color:#fff;
	float:left;
}

#sidebar .tit {
	background-color:#000;
	color:#fff;
	padding:10px;
}

#sidebar li {
	border-bottom:1px #e5e5e5 solid;
}
#sidebar li a{
	display:block;
	padding:10px;
	background-color:#fff;
}
#sidebar li a:link{ color:#000; }
#sidebar li a:visited{ color:#000; }
#sidebar li a:active{ color:#000; }
#sidebar li a:hover{ color:#fff; background-color:#222; }



/*【2】スライダー*/

		  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	スライドのベース
*/
#page-wrap 									{ width: 950px; margin: 0px auto; position: relative; min-height: 500px;
											  background: #777; }
.coda-slider-wrap							{ width: 950px; margin: 0px auto; position: relative; min-height: 500px;
											  background: #777; }

/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #7EBA19; text-decoration: none; }
a:hover, a:active							{ color: white; }

/*
	SLIDER
*/
.coda-slider-wrap								{ width: 950px; position: absolute; top: 0px; left: 00px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0px; }
.stripViewer								{ position: relative; overflow: hidden; width: 950px; height: 545px; }/*表示範囲*/
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 950px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 0; }
#movers-row									{ margin: 0; }
#movers-row div								{ float: left; }
/*#movers-row div a.cross-link 				{ float: right; }*/
.cross-link									{ display: block; /*width: 62px;*/ margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }



.m1msg		{
			height:60px;
			padding-top: 50px;
			font-size: 14px;
			line-height: 1.8em;
			}
.m2msg		{
			color:white;
			height:60px;
			padding-top: 80px;
			font-size: 14px;
			line-height: 1.8em;
}

.wrapper_m1 {height:545px;background-image: url("../images_index/m1bg-2.jpg");
			padding-top: 155px;
			padding-left: 520px;
			}
.wrapper_m15 {height:545px;background-image: url("../images_index/m15bg-2.jpg");
			padding-top: 155px;
			padding-left: 520px;
			}
.wrapper_m2 {height:545px;background-image: url("../images_index/m2bg-2.jpg");
			padding-top: 125px;
			padding-left: 30px;
			}

.wrapper_m25 {height:545px;background-image: url("../images_index/m25bg-2.jpg");
			padding-top: 125px;
			padding-left: 30px;
			}

.wrapper_m3 {height:545px;background-image: url("../images_index/m3bg.jpg");
			padding-top: 200px;
			padding-left: 50px;
			}
.wrapper_m4 {height:545px;background-image: url("../images_index/m4bg.jpg");
			padding-top: 150px;
			padding-left: 150px;
			}

.wrapper_m3 h3 { font-size: 32px;font-weight: bolder; border:none;}
.wrapper_m4 h3 { font-size: 18px;font-weight: bolder; border:none;}

.read_blog {height: 105px; overflow: hidden; margin:0px 0px 20px 30px;}

.read_blog #feed a:link { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed a:hover { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed a:active { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed a:visited { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed2 a:link { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed2 a:hover { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed2 a:active { color:#000;font-weight: normal;font-size: 14px;}
.read_blog #feed2 a:visited { color:#000;font-weight: normal;font-size: 14px;}

blockquote									{ padding: 0 20px; font-size: 14px; line-height: 150%;
									  		  margin-top: 10px;}



/*【2-1】修飾設定*/
div.if_box_wrapper { width:420px;font-size: 16px;font-weight: bolder; }

div.if_box_black {width:185px;
			padding-top:20px;
			padding-right:20px;
			float:left;
			text-align: center;
			}
div.if_box_white {width:185px;
			padding-top:20px;
			padding-right:20px;
			float:left;
			text-align: center;
			}
.if_box_black a{
			color: black;
}

.if_box_white a{
			color: white;
}

.testdiv {
	width:185px;height:65px;
}



.submenu { width:950px;border-top:solid 2px #666;border-bottom:solid 2px #666;text-align: center;background: #222}
.submenu a{ font-size: 14px; color: white; }


/*1-2 グローバルナビゲーション*/


ul						{ list-style: none; }
/*
ul.dropdown						{ list-style: none; }
#global_ui ul					{ list-style: none; }
*/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; width:950px; background-color:#666666; padding:0; margin:0; }
ul.dropdown li                      { font-size:14px; float: left; zoom: 1; background:#222; text-align: left;}
ul.dropdown a:hover		            { color: black; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 10px 17px; color: #fff;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; /*left: 0;*/}
ul.dropdown ul li 					{ font-weight: normal; background: white; color: #000; border-top: 1px solid #ccc; float: none; }
ul.sub_menu li						{border-left: solid 2px #f90; color:black;}				
ul.sub_menu li a,	
ul.sub_menu li:hover,
ul.sub_menu li:hover a				{color:black;}				
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/*【3-1】CONTENTS*/
.content_main {
	padding:15px;
	float:left;
	background-color:#fff;
	width:920px;
}

#content {
	width:700px;
	padding-left:20px;
	float:left;
}

/*#content a								{ color: #7EBA19; text-decoration: none; }*/
/*#content a, a:visited								{ color: #7EBA19; text-decoration: none; }*/
#content a:hover, a:active							{ color:#AFA022; }


.left_img {
	padding-right:7px;
	margin:0;
}

/*-------------------------profile*/
#profile_img	{width: 315px;display: block;float: left;}
#profile	{
	width: 385px;float: left;
}


#profile dl {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	border: 7px #EEEEEE solid;
}
#profile dl dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
}
#profile dl dd {
	padding: 10px 0 10px 7em;
	line-height: 200%;
	border-bottom: 1px #CCCCCC solid;
}


/**スタッフ**/


#staff	{
	width:700px;	
}

#staff .intro	{
	width:120px;
	height: 120px;
	margin:50px;
/*	border:solid 1px #aaa;*/
	text-align: center;
	float:left;
	vertical-align:bottom;
}
#staff .intro img	{
	padding: 10px 20px 10px 20px;
	border: none;
	display: block;
	text-align: center;
}

#staff .intro a {
	display: block;
	font-weight: bolder;
	bottom:0;


}

#dia_1,#dia_2,#dia_3{
	width:600px;
	line-height: 2em;
	font-size: 11px;
}

#dia_1 img,#dia_2 img,#dia_3 img{ padding:0px 15px 15px 0px; }
.profile .name {font-size: 26px;font-weight: bolder}
.profile .subname {font-size: 12px;font-weight: bold;color:#aaa;}
.profile .tag {text-align: center; width: 100px; margin-right: 10px; color: #444444; line-height: 1em; font-weight: bolder;padding: 3px;display: inline-block;background: #fffbfb;border: 1px solid #ddd;}
.profile .jobc {font-size: 10px; text-align: center; width: 130px; margin-right: 10px; color: #083122; line-height: 1em; font-weight: bolder;padding: 3px;display: inline-block;background: #84cf1b;border: 1px solid #ddd;}



/**FAQ**/
#faq a	{color: #444}
#faq ul	{ line-height: 20px; }
#faq li	{ padding-left: 35px; background-image: url(/faq/icon_faq.jpg); background-repeat: no-repeat; background-position: 0px 10px; line-height: 4em; }
#faq h5	{ border-left: 3px solid #f90;padding-left: 10px;border-bottom: 1px dotted #666;font-size: 16px;line-height: 1.6em}
#faq li	div{line-height: 1.8em; padding:15px;border: 3px solid #ccc;margin: 0px 15px 15px 15px; }

/**フッタ**/
#footer		{background: #ccc;width:950;padding:20px;}
#footer	a	{color: #222;text-decoration: none}
#footer	a:hover	{color: #222;text-decoration: underline}

#footer ul {
	list-style : none;/*リストマークの非表示*/
	list-style-position: outside;/*リストマークのポジション*/
	padding:0px;
	margin: 0px;
}

#footer li {
	width : 110px;/*for IE*/
	line-height : 1.2em;/*文字送り*/
	padding : 2px 0 2px 20px;/*上、右、下、左の順に余白を指定*/
	margin-bottom : 0.3em;/*リストの下に余白*/
	background-image : url("/images/list_icon.jpg");
	background-repeat : no-repeat;/*画像を繰り返さないように指定*/
	background-position : 0 3px;/*左からの指定値、上からの指定値*/
}



/**HOW TO **/
#howto .tag {font-size:18px;text-align: center; /*width: 100px;*/ margin-top: 15px;  margin-bottom: 5px; margin-right: 10px; color: #444444; line-height: 1em; font-weight: bolder;padding: 8px;display: inline-block;background: #fffbfb;border: 1px solid #ddd;}


#concept {text-align: center;}
#concept .co_explain	{text-align: left;width:400px;text-decoration: underline;line-height: 3em;}


.space10c	{height:10px;clear: both;}
.space15c	{height:15px;clear: both;}
.space20c	{height:20px;clear: both;}



#privacy	{
padding:25px;border:3px solid #ddd;
line-height: 1.8em

}

#privacy h5 {font-weight: bolder;font-size: 18px;line-height: 2em;border-top: dotted 1px #777;}

/**テナント**/

.tenant {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}


#explain_box {
padding:15px;
border:3px dotted #ccc;
}

#explain_box h3 {
color:#8d3f41;
line-height: 18px;
font-size: 18px
padding:5px;
background:#f5bcbf;
border:1px solid #ccc;
margin: 0 0 10px 0;
}

#explain_box img	{
padding-right: 10px;
}

/**-----------------------blog**/

.blogboxLeft {
	float:left;
	padding:5px;
	border:#aaa 1px solid;
	margin-right:15px;
	width:330px;
}
.blogboxRight {
	float:left;
	padding:5px;
	border:#aaa 1px solid;
	width:330px;
	margin:0;
}

#blog_tit a {
	display:block;
	padding:7px;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	margin-bottom:10px;
}
#blog_tit a:link {
	background:#9F9F9F;
	color:#FFF;
}
#blog_tit a:visited {
	background:#9F9F9F;
	color:#FFF;
}
#blog_tit a:active {
	background:#7DBA00;
	color:#FFF;
}
#blog_tit a:hover {
	background:#7DBA00;
	color:#FFF;
}
.concept_txt {
	width:620px;
	height:585px;
	padding:100px 40px 15px 40px;
	font-size:14px;
	line-height:1.6em;
	background:url(../about/images/concept_bg.jpg);
}