@charset "shift_jis";



/*1.初期設定
--------------------------------------------------------------*/

body {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:1.6;
	letter-spacing:0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#666666;
	text-justify:inter-ideograph;
	background:url("images/header_line.gif");
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#ffffff;
	}

h1 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:0;
	}

h2,h3,h4,h5,h6,div,p,ul,li,table,tr,td {
	margin:0;
	padding:0;
	}

ul {
	list-style-type:none;
	line-height:0;
	}

img {
	margin:0;
	padding:0;
	vertical-align: top;
	line-height:0;
	border: 0;
	}

object {
	margin:0;
	padding:0;
	line-height:1;
	border: 0;
	}



/*共通レイアウト
--------------------------------------------------------------*/

#container {
	width:724px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:solid 0px;
	}


#g_navitop {
	width:589px;
	height:33px;
	margin-top:18px;
	margin-left:133px;
	margin-bottom:36px;
	text-align:right;
	}
#g_navitop li {
	margin:0px;
	float: left;
	}


#g_navi {
	width:589px;
	height:33px;
	margin-top:18px;
	margin-left:134px;
	margin-bottom:36px;
	text-align:right;
	}
#g_navi li {
	margin:0px;
	float: left;
	}

#g_navi01{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi01{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi01.gif") no-repeat;
	}
a#g_navi01:hover{
	background:url("images/g_navi01on.gif") no-repeat;
	}

#g_navi02{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi02{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi02.gif") no-repeat;
	}
a#g_navi02:hover{
	background:url("images/g_navi02on.gif") no-repeat;
	}

#g_navi03{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi03{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi03.gif") no-repeat;
	}
a#g_navi03:hover{
	background:url("images/g_navi03on.gif") no-repeat;
	}

#g_navi04{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi04{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi04.gif") no-repeat;
	}
a#g_navi04:hover{
	background:url("images/g_navi04on.gif") no-repeat;
	}

#g_navi05{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi05{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi05.gif") no-repeat;
	}
a#g_navi05:hover{
	background:url("images/g_navi05on.gif") no-repeat;
	}

#g_navi06{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi06{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi06.gif") no-repeat;
	}
a#g_navi06:hover{
	background:url("images/g_navi06on.gif") no-repeat;
	}

#g_navi07{
	width:84px;
	height:33px;
	display:block;
	}
a#g_navi07{
	width:84px;
	height:33px;
	display:block;
	background:url("images/g_navi07.gif") no-repeat;
	}
a#g_navi07:hover{
	background:url("images/g_navi07on.gif") no-repeat;
	}


#logo {
	width:724px;
	text-align:left;
	margin-left:3px;
	margin-bottom:6px;
	}

#header {
	width:724px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#header_image {
	width:724px;
	height:4px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#footer {
	clear:both;
	width:724px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	text-align:center;
	}

#credit_top {
	width:700px;
	margin-right:24px;
	text-align:right;
	font-size:10px;
	line-height:1;
	color:#666666;
	}

#credit {
	width:724px;
	margin-right:24px;
	padding-top:6px;
	text-align:right;
	font-size:10px;
	line-height:1;
	color:#666666;
	border-top:solid 1px #bdc3cd;
	}


/*段落設定
--------------------------------------------------------------*/

#contents {
	width:722px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-left:solid 1px #bdc3cd;
	border-right:solid 1px #bdc3cd;
	}


#contents_02 {
	width:674px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}


#contents_left01 {
	float:left;
	width:184px;
	text-align:left;
	}
#contents_right01 {
	float:right;
	width:468px;
	text-align:left;
	border-left:solid 1px #bdc3cd;
	}


#contents_left02 {
	float:left;
	width:188px;
	text-align:left;
	}
#contents_right02 {
	float:right;
	width:420px;
	text-align:left;
	border:solid 1px #999999;
	}


.column_clear {
	clear:both;
	}


.title {
	margin-top:24px;
	}


.column_01 {
	width:445px;
	margin-top:56px;
	margin-left:24px;
	margin-bottom:60px;
	text-align:left;
	border:solid 0px #999999;
	}


.column_line01 {
	width:445px;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:24px;
	text-align:left;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	}


.concept-photo {
	float:right;
	padding-left:6px;
	}
.column01_right01 {
	float:right;
	width:152px;
	text-align:right;
	}

.column01_left02 {
	float:left;
	width:152px;
	}
.column01_right02 {
	float:right;
	width:290px;
	}


/*トップページ
--------------------------------------------------------------*/

#top-wrap {
	width:724px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
	padding:10px;
	text-align:center;
	border:solid 0px;
	background:url("images/top_background.gif") no-repeat 0 -0;
	}

#top-column {
	width:704px;
	border-collapse:separate;
	border:solid 0px;
	}

#top-copy {
	width:270px;
	vertical-align: top;
	border:solid 0px;
	}

#top-copy p {
	margin-bottom:26px;
	text-align:right;
	font-size:10px;
	color:#666666;
	line-height:1.8;
	}

#flash {
	width:423px;
	height:254px;
	text-align:right;
	border:solid 0px;
	}



/*infoページ
--------------------------------------------------------------*/

#info {
	background-color:#ffffff;
	}

#contents_info {
	width:724px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:24px;
	text-align:center;
	background:url("info/images/info_background.jpg") no-repeat 0 -200px;
	}

#inline_frame {
	width:300px;
	margin-left:402px;
	margin-top:6px;
	text-align:left;
	background-color:#ffffff;
	border:solid 1px #999999;
	}


#pickup {
	position:relative;
	left:50px;
	top:-200px;
	width:154px;
	height:194px;
	text-align:left;
	font-size:10px;
	letter-spacing:0;
	}

#pickup a {
	color:#55B232;
	display:block;
	border:solid 2px #FF9900;
	}
#pickup a:hover {
	border:solid 2px #dddddd;
	}



/*conceptページ
--------------------------------------------------------------*/

#profile {
	width:100px;
	margin-top:48px;
	text-align:lleft;
	font-size:10px;
	letter-spacing:0;
	line-height:1.4;
	}

#interview {
	width:445px;
	text-align:lleft;
	}


#concept_sidenavi01{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#concept_sidenavi01on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("concept/images/side_navi01.gif") no-repeat 0 -15px;
	}
a#concept_sidenavi01{
	width:120px;
	height:15px;
	display:block;
	background:url("concept/images/side_navi01.gif") no-repeat 0 0px;
	}
a#concept_sidenavi01:hover{
	background:url("concept/images/side_navi01.gif") no-repeat 0 -15px;
	}

#concept_sidenavi02{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#concept_sidenavi02on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("concept/images/side_navi02.gif") no-repeat 0 -15px;
	}
a#concept_sidenavi02{
	width:120px;
	height:15px;
	display:block;
	background:url("concept/images/side_navi02.gif") no-repeat 0 0px;
	}
a#concept_sidenavi02:hover{
	background:url("concept/images/side_navi02.gif") no-repeat 0 -15px;
	}




/*事例集ページ
--------------------------------------------------------------*/

#sample01 {
	width:100%;
	margin-top:56px;
	margin-left:24px;
	text-align:left;
	border:solid 0px;
	}

#sample01 p {
	float:left;
	width:105px;
	margin-right:10px;
	margin-bottom:21px;
	text-align:left;
	font-size:10px;
	line-height:1.4;
	border:solid 0px;
	}


#editor {
	width:100%;
	margin-top:12px;
	margin-left:24px;
	margin-bottom:12px;
	text-align:left;
	border-bottom:solid 1px #cccccc;
	}

#editor p {
	width:100%;
	text-align:left;
	line-height:1.2;
	}


#sample02 {
	width:100%;
	margin-left:24px;
	margin-bottom:60px;
	text-align:left;
	border:solid 0px;
	}

#sample02 p {
	float:left;
	width:105px;
	margin-right:10px;
	margin-bottom:21px;
	text-align:left;
	font-size:10px;
	line-height:1.4;
	border:solid 0px;
	}



/*事例集ページ_popup
--------------------------------------------------------------*/

#article_frame {
	width:450px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
	}

.article_column {
	margin-top:24px;
	margin-bottom:24px;
	}

#btn_article { 
	width:136px;
	height:32px;
	margin-top:12px;
	}
a#btn_article {
	width:136px;
	height:32px;
	display:block;
	background:url("showcase/images/btn_article.gif") no-repeat 0 0px;
	}
a#btn_article:hover {
	background:url("showcase/images/btn_article.gif") no-repeat 0 -32px;
	}

#showcase_sidenavi01{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#showcase_sidenavi01on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("showcase/images/side_navi01.gif") no-repeat 0 -15px;
	}
a#showcase_sidenavi01{
	width:120px;
	height:15px;
	display:block;
	background:url("showcase/images/side_navi01.gif") no-repeat 0 0px;
	}
a#showcase_sidenavi01:hover{
	background:url("showcase/images/side_navi01.gif") no-repeat 0 -15px;
	}

#showcase_sidenavi02{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#showcase_sidenavi02on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("showcase/images/side_navi02.gif") no-repeat 0 -15px;
	}
a#showcase_sidenavi02{
	width:120px;
	height:15px;
	display:block;
	background:url("showcase/images/side_navi02.gif") no-repeat 0 0px;
	}
a#showcase_sidenavi02:hover{
	background:url("showcase/images/side_navi02.gif") no-repeat 0 -15px;
	}

#showcase_sidenavi03{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#showcase_sidenavi03on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("showcase/images/side_navi03.gif") no-repeat 0 -15px;
	}
a#showcase_sidenavi03{
	width:120px;
	height:15px;
	display:block;
	background:url("showcase/images/side_navi03.gif") no-repeat 0 0px;
	}
a#showcase_sidenavi03:hover{
	background:url("showcase/images/side_navi03.gif") no-repeat 0 -15px;
	}


#pop {
	width:100%;
	margin-top:24px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:solid 0px;
	}

#pop_logo {
	width:724px;
	text-align:left;
	margin-top:24px;
	margin-left:3px;
	margin-bottom:6px;
	}

#contents_pop {
	width:616px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:solid 0px;
	}

#pop_left {
	float:left;
	width:200px;
	margin-bottom:24px;
	text-align:left;
	border:solid 0px;
	}

#pop_left02 {
	float:left;
	width:400px;
	margin-bottom:24px;
	text-align:left;
	border:solid 0px;
	}

#pop_date01 {
	width:100%;
	text-align:left;
	margin-bottom:12px;
	background-color:#efefef;
	border:solid 1px #b5b5b5;
	}

#pop_title {
	width:180px;
	margin:10px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	border-bottom:dotted 1px #b5b5b5;
	}

#pop_title02 {
	width:380px;
	margin:10px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	border-bottom:dotted 1px #b5b5b5;
	}

#pop_comment {
	width:180px;
	margin:10px;
	text-align:left;
	font-size:10px;
	}

#pop_comment02 {
	width:380px;
	margin:10px;
	text-align:left;
	font-size:10px;
	}

.pop_date02 {
	width:200px;
	text-align:left;
	margin-bottom:26px;
	}

.pop_date02 p {
	text-align:left;
	font-size:10px;
	border-bottom:dotted 1px #b5b5b5;
	}

#photo_icon {
	width:200px;
	text-align:left;
	margin-bottom:24px;
	}

#photo_icon p {
	float:left;
	width:65px;
	margin-right:1px;
	margin-bottom:1px;
	text-align:left;
	border:solid 0px;
	}


#photo_icon02 {
	width:400px;
	text-align:left;
	margin-top:12px;
	margin-bottom:24px;
	}

#photo_icon02 p {
	float:left;
	width:65px;
	margin-right:1px;
	margin-bottom:2px;
	text-align:left;
	border:solid 0px;
	}


#pop_right {
	float:right;
	width:400px;
	margin-bottom:24px;
	text-align:left;
	border:solid 0px;
	}

#pop_right02 {
	float:right;
	width:200px;
	margin-bottom:24px;
	text-align:left;
	border:solid 0px;
	}

#footer_pop {
	clear:both;
	width:616px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:3px;
	border-top:solid 2px #bdc3cd;
	}
#credit_pop {
	float:left;
	width:500px;
	padding-top:3px;
	text-align:left;
	font-size:10px;
	}

#close {
	float:right;
	width:100px;
	padding-top:3px;
	text-align:right;
	}



/*一日展
--------------------------------------------------------------*/
#oneday01 {
	width:100%;
	margin-top:56px;
	margin-left:24px;
	text-align:left;
	border:solid 0px;
	}

#oneday01 p {
	float:left;
	width:130px;
	margin-right:24px;
	margin-bottom:21px;
	text-align:left;
	font-size:10px;
	line-height:1.4;
	}

#oneday01 p a {
	width:130px;
	height:190px;
	display:block;
	border:solid 1px #999999;
	}
#oneday01 p a:hover {
	border:solid 1px #FF9900;
	}



/*会社案内
--------------------------------------------------------------*/
#company_info {
	width:468px;
	margin-top:50px;
	margin-bottom:60px;
	text-align:left;
	border-collapse:collapse;
	table-layout:fixed;
	border:solid 0px;
	}


.table_left {
	width:100px;
	padding:3px;
	text-align:right;
	vertical-align:top;
	border:solid 0px;
	}
.table_right {
	width:355px;
	padding:3px;
	text-align:left;
	vertical-align:top;
	border:solid 0px;
	}

#company_sidenavi01{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#company_sidenavi01on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("company/images/side_navi01.gif") no-repeat 0 -15px;
	}
a#company_sidenavi01{
	width:120px;
	height:15px;
	display:block;
	background:url("company/images/side_navi01.gif") no-repeat 0 0px;
	}
a#company_sidenavi01:hover{
	background:url("company/images/side_navi01.gif") no-repeat 0 -15px;
	}

#company_sidenavi02{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#company_sidenavi02on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("company/images/side_navi02.gif") no-repeat 0 -15px;
	}
a#company_sidenavi02{
	width:120px;
	height:15px;
	display:block;
	background:url("company/images/side_navi02.gif") no-repeat 0 0px;
	}
a#company_sidenavi02:hover{
	background:url("company/images/side_navi02.gif") no-repeat 0 -15px;
	}

#company_sidenavi03{
	width:120px;
	height:15px;
	margin-bottom:12px;
	}
#company_sidenavi03on{
	width:120px;
	height:15px;
	margin-bottom:12px;
	background:url("company/images/side_navi03.gif") no-repeat 0 -15px;
	}
a#company_sidenavi03{
	width:120px;
	height:15px;
	display:block;
	background:url("company/images/side_navi03.gif") no-repeat 0 0px;
	}
a#company_sidenavi03:hover{
	background:url("company/images/side_navi03.gif") no-repeat 0 -15px;
	}



/*お問い合わせ
--------------------------------------------------------------*/
#contact {
	width:445px;
	text-align:left;
	border-collapse:collapse;
	table-layout:fixed;
	}


.contact_left {
	width:140px;
	padding:3px;
	text-align:left;
	vertical-align:top;
	border:solid 0px;
	}
.contact_right {
	width:300px;
	padding:3px;
	text-align:left;
	vertical-align:top;
	border:solid 0px;
	}



/*文字装飾
--------------------------------------------------------------*/
.lead01 {
	margin-bottom:18px;
	text-align:left;
	font-weight:bold;
	border-bottom:solid 1px #b5b5b5;
	}

/*FONT
--------------------------------------------------------------*/

.font_red {
	color:#cc3300;
	}

.font_bold {
	font-weight:bold;
	}

.font_10 {
	font-size:10px;
	}

.font_12bold{
	font-size:12px;
	font-weight:bold;
	}

.font_14 {
	font-size:14px;
	}

.font_14red{
	font-size:14px;
	color:#ff3300;
	}

.font_14bold{
	font-size:14px;
	font-weight:bold;
	}


.text_left {
	text-align:left;
	}

.text_right {
	text-align:right;
	}

/*マージン
--------------------------------------------------------------*/
.margin_6 {
	margin-bottom:6px;
	}

.margin_12 {
	margin-bottom:12px;
	}

.margin_18 {
	margin-bottom:18px;
	}

.margin_24 {
	margin-bottom:24px;
	}

.margin_36 {
	margin-bottom:36px;
	}

.margin_48 {
	margin-bottom:36px;
	}

.margin_120 {
	margin-bottom:120px;
	}