@charset "Shift_JIS";

/*///////////////////////////////////////////////////////////////////
                                                 all
////////////////////////////////////////////////////////////////////*/

* {
		margin: 0;
		padding: 0;
}

html {
		height: 100%;
}

body {
		height: 100%;
		font-family: Arial,Helvetica,sans-serif;
}

#wrapper {
		font-size: 80%;
		color: #333333;
		text-align:left;
		line-height:1.6em;
}

.clear {
		line-height:0;
		clear:both;
}

#container {
		width: 100%;
		position: relative;
		height: 100%;
		min-height: 100%;
}

body > #container {
		height: auto;
}

#contents {
		padding-bottom: 170px;
}

embed{
	outline: none;
}


/*///////////////////////////////////////////////////////////////////
                                                 header_footer
////////////////////////////////////////////////////////////////////*/

#header_accent{
		padding: 0;
		margin: 0;
		width: 100%;
		height: 10px;
		/*background-image: url("../img/bg_top.gif");
		background-repeat: repeat-x;*/

}

#header{
		margin-left: 40px;
		height: 50px;
		padding: 35px 0 35px 0;
}

#header img {border: none;}

/*footer css fix*/
#footer{
		background-image: url("../img/bg_bottom.gif");
		background-repeat: repeat-x;
		width: 100%;
		position: absolute;
		bottom: 0;
		height: 170px;
}

#footer_upper_box {
		width: 920px;
		height: 150px;
}

#footer_lower_box {
		width: 100%;
		height: 16px;
		font-size: 9px;
		color: #6e6e6e;
		text-align: center;
		padding-top: 4px;
}

#footer_navi_box {
		float: left;
		height: 100px;
		width: 170px;
		padding: 0;
		margin: 30px 0 20px 40px;
		background-image: url("../img/footer_accent_line.gif");
		background-position: right;
		background-repeat: no-repeat;
}

#footer_info_box {
		float: left;
		height: 100px;
		width: 240px;
		padding: 0;
		margin: 30px 0 20px 40px;
		background-image: url("../img/footer_accent_line.gif");
		background-position: right;
		background-repeat: no-repeat;
		line-height: 1.7em;
		font-size: 11px;
}

#footer_info_icon_box {
		float: right;
		width: 90px;
		height: 45px;
		margin-top: 15px;
}

#footer_info_box img{
		border: none;
}

#footer_info_box a {
		text-decoration: none;
}

#footer_link_box {
		float: left;
		height: 100px;
		width: 300px;
		padding: 0;
		margin: 30px 0 0 40px;
		line-height: 1.7em;
		font-size: 11px;
		color: #dddddd;
}

#footer_link_box img{
		border: none;
		margin-right: 20px;
}


#footer a{color: #dddddd;}
#footer a:hover{color: #0099cc;}


/*///////////////////////////////////////////////////////////////////
                                                 link
////////////////////////////////////////////////////////////////////*/

/*全ページ共通*/
a {
		color: #000000;
		outline: none;
}

a:hover {
		color: #0099cc;
}




/*///////////////////////////////////////////////////////////////////
                                                 font
////////////////////////////////////////////////////////////////////*/

.white		{color: #ffffff;}
.red 		{color: #FF708E;}
.red_dark 	{color: #993333;}
.yellow 	{color: #cc9900;}
.blue 		{color: #0099cc;}
.brown 		{color: #996633;}
.gray 		{color: #787878;}

.small9 {font-size: 90%}
.small8 {font-size: 80%}
.small7 {font-size: 70%}
.large1 {font-size: 110%;}
.large2 {font-size: 120%;}
.large3 {font-size: 130%;}
.large4 {font-size: 140%;}
.large5 {font-size: 150%;}
.large6 {font-size: 160%;}
.large7 {font-size: 170%;}

.bold{font-weight: bold;}

h1 {
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 10px;
}

h2 {
		font-weight: bold;
		font-size: 86%;
		margin-bottom: 10px;
		padding-left: 4px;
		border-left: 5px solid #0099cc;
}

p {
		font-size: 12px;
		line-height: 1.6em;
		margin: 0 0 14px 0;
}

/*///////////////////////////////////////////////////////////////////
                                                 main_navi
////////////////////////////////////////////////////////////////////*/

#main_navi {
		float: left;
		height: 25px;
		width: 900px;
		padding: 0;
		margin: 0 0 0 40px;
		text-align: left;
}

#main_navi ul{
		margin: 0;
		padding: 0;
}
#main_navi li{
		margin: 0;
		padding: 0;
		display: inline;
}

#main_navi a {
		margin: 0;
		padding: 0;
		float: left;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
}

#main_navi li#top a {		width:48px;height:25px;background-image:url("../img/navi.gif");}
#main_navi li#works a {		width:74px;height:25px;background-image:url("../img/navi.gif");}
#main_navi li#gallery a {	width:82px;height:25px;background-image:url("../img/navi.gif");}
#main_navi li#about a {		width:71px;height:25px;background-image:url("../img/navi.gif");}
#main_navi li#contact a {	width:85px;height:25px;background-image:url("../img/navi.gif");}

#main_navi li#top a {		background-position:0px 0px;}
#main_navi li#works a {		background-position:-48px 0px;}
#main_navi li#gallery a {	background-position:-122px 0px;}
#main_navi li#about a {		background-position:-204px 0px;}
#main_navi li#contact a {	background-position:-275px 0px;}

#main_navi li#top a:hover {			background-position:0px -25px;}
#main_navi li#works a:hover {		background-position:-48px -25px;}
#main_navi li#gallery a:hover {		background-position:-122px -25px;}
#main_navi li#about a:hover {		background-position:-204px -25px;}
#main_navi li#contact a:hover {		background-position:-275px -25px;}

body#top #main_navi li#top a {				background-position:0px -25px;}
body#works #main_navi li#works a {			background-position:-48px -25px;}
body#gallery #main_navi li#gallery a {		background-position:-122px -25px;}
body#about #main_navi li#about a {			background-position:-204px -25px;}
body#contact #main_navi li#contact a {		background-position:-275px -25px;}


/*///////////////////////////////////////////////////////////////////
                                                 sub_navi
////////////////////////////////////////////////////////////////////*/

#sub_navi {
		float: left;
		height: 17px;
		width: 900px;
		padding: 0;
		margin: 6px 0 20px 40px;
		text-align: left;
}


#sub_navi ul{
		margin: 0;
		padding: 0;
}

#sub_navi li{
		margin: 0;
		padding:0;
		display: inline;
}

#sub_navi a {
		margin: 0;
		padding: 0;
		float: left;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
}

#sub_navi li#all a {		width:119px;height:17px;background-image:url("../img/navi_sub.gif");}
#sub_navi li#mobile a {		width:135px;height:17px;background-image:url("../img/navi_sub.gif");}
#sub_navi li#graphic a {	width:159px;height:17px;background-image:url("../img/navi_sub.gif");}
#sub_navi li#web a {		width:73px;height:17px;background-image:url("../img/navi_sub.gif");}

#sub_navi li#all a {		background-position:0px -17px;}
#sub_navi li#mobile a {		background-position:-119px -17px;}
#sub_navi li#graphic a {	background-position:-254px -17px;}
#sub_navi li#web a {		background-position:-413px -17px;}

#sub_navi li#all a:hover {			background-position:0px 0px;}
#sub_navi li#mobile a:hover {		background-position:-119px 0px;}
#sub_navi li#graphic a:hover {		background-position:-254px 0px;}
#sub_navi li#web a:hover {			background-position:-413px 0px;}





/*///////////////////////////////////////////////////////////////////
                                                 footer_navi
////////////////////////////////////////////////////////////////////*/

.footer_navi {
		list-style-type: none;
		line-height: 1.7em;
		font-size: 12px;
}

.footer_navi ul{
		margin: 0;
		padding: 0;
}

.footer_navi li{
		margin: 0;
		padding: 0;
}

.footer_navi a {
		margin: 0;
		text-decoration: none;
		font-weight: bold;
}



/*///////////////////////////////////////////////////////////////////
                                                 box
////////////////////////////////////////////////////////////////////*/

#top_news_mainbox {
		float: left;
		width: 1000px;
		height: 250px;
}

#top_drtnews_box {
		float: left;
		width: 400px;
		height: 245px;
		background-image: url("../img/ttl_drtnews.gif");
		background-position: top left;
		background-repeat: no-repeat;
		padding: 40px 10px 10px 10px;
}

#top_drtnews_box ul {
		font-size: 12px;
		list-style: none;
		line-height: 36px;
}

#top_drtnews_box li {
		background-image: url("../img/accent_news.gif");
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 20px;
		
}


#top_arrivalwork_box {
		float: left;
		width: 255px;
		height: 245px;
		background-image: url("../img/ttl_works.gif");
		background-position: top left;
		background-repeat: no-repeat;
		padding: 50px 0 10px 10px;
}

#top_arrivalgallery_box {
		float: left;
		width: 255px;
		height: 245px;
		background-image: url("../img/ttl_gallery.gif");
		background-position: top left;
		background-repeat: no-repeat;
		padding: 50px 0 10px 10px;
}

.arrival_box {
		float: left;
		width: 250px;
		height: 50px;
}

.arrival_img {
		float: left;
		clear:both;
		margin-bottom: 10px;

}

.arrival_info_box {
		float: right;
		width: 190px;
		margin-left: 10px;
}





/* --------------------------------------- */
.gallery_wrapper {
		width: 540px;
		float:left;
}

.gallery_box {
		width: 530px;
		height: 274px;
		margin: 0 0 30px 0;
		padding: 10px;
		font-size: 10px;
		background-image: url("../img/bg_main_box.jpg");
		/*background-color: #ececec;*/
}

.gallery_box img {
		border: none;
}

.gallery_caption {
		width: 600px;
		height: 20px;
		font-weight: bold;
		font-size: 120%;
}

.gallery_sidebox {
		float: left;
		height: 300px;
		width: 260px;
		padding: 0;
		margin: 34px 0 0 30px;
}

.gallery_title {
		height: 90px;
		width: 220px;
		padding: 20px;
		background-color: #202020;
		color: #ffffff;
}

.gallery_title p {
		font-size: 12px;
		line-height: 1.8em;
		margin: 4px 0 30px 0;
}

.gallery_info {
		width: 220px;
		padding: 20px;
		background-color: #ececec;
}

.gallery_info p {
		font-size: 12px;
		line-height: 1.8em;
		margin-bottom: 20px;
}

.gallery_info img {
		border: none;
		margin: 0;
}

/* --------------------------------------- */




.works_box {
		height: 230px;
		float: left;
		margin: 0 5px 15px 0;
		padding: 10px;
		font-size: 10px;
		background-image: url("../img/bg_main_box.jpg");
		/*background-color: #ececec;*/
		line-height: 1.4em;
}

.works_box img {
		border: none;
		margin-bottom: 6px;
}

.main_box {
		width: 970px;
		margin: 20px 40px 10px 40px;
		float: left;
}

.main_box img {
		border: none;
}

.main_box_termsofuse {
		width: 800px;
		margin: 20px 40px 10px 40px;
		float: left;
}


.staff_box {
		width: 270px;
		float: left;
}


.spacer15 {height: 15px;clear: both;width: auto;}
.spacer20 {height: 20px;clear: both;width: auto;}
.spacer30 {height: 30px;clear: both;width: auto;}
.spacer40 {height: 40px;clear: both;width: auto;}
.spacer50 {height: 50px;clear: both;width: auto;}
.spacer60 {height: 60px;clear: both;width: auto;}
.spacer70 {height: 70px;clear: both;width: auto;}


/*///////////////////////////////////////////////////////////////////
                                                 grid_layout
////////////////////////////////////////////////////////////////////*/

#grid-content {
		overflow: hidden;
		height: 100%;
		margin: 20px 0 10px 40px;
}

#grid-content div {
	width: auto;
}




/*///////////////////////////////////////////////////////////////////
                                                 contact
////////////////////////////////////////////////////////////////////*/


.contact_text_box {
	margin-bottom: 15px;
}

.contact_textarea_box {
	margin-bottom: 15px;
}

.con_form_box {
	float: left;
	width: 430px;
	font-size: 12px;
}

.con_mailer_box {
	float: left;
}

.zmode {
	width: 200px;
}

.hmode {
	width: 200px;
}

.tamode {
	width: 400px;
	height: 200px;
	font-size: 12px;
}

.con_table {
	margin: 10px 0 10px 0;
	font-size: 12px;
}

.con_table th {
	font-weight: normal;
	font-size: 12px;
}