@charset "utf-8";　

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none; color:#333333;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

table tr td{padding:5px;}

/* end reset */



html { font-size: 100%;height:100%;}

/*------------------ Site Structure ------------------*/


body { margin:0 auto; font-family:"ＭＳ Ｐゴシック",  "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif /*"Times New Roman"*/Times, serif,; font-size: 14px; color: ＃FFF;/*#666*/ background: #fff;}
#wrap{width: 960px; margin:0px auto; padding:0px 30px 0px 30px; }
#header {
	height: 106px;
	background:url(images/logo_back.jpg) no-repeat bottom left;
	position:relative;
	margin-bottom:46px;
	margin:0;
}
#header_area{border-bottom:1px solid #888888;}

/*#social {width: 133px; height: 26px; float: right; margin:0; text-align:right; padding-right:3px;}
*/




.content{
	text-align:left;
	padding:22px;

}
.concept{background:url(images/concept_back.png) right bottom no-repeat;}
.content p{font-size:12px;}
.content h3{
	margin-bottom: 14px;
	border-bottom: 1px solid #454545;
	outline-bottom:1px solid #111;

	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 8px 15px;
	color:#333366;
	
}
#sidebar {
	width: 260px; 
	padding: 20px;
	float: right;
	border: 1px solid #111;
	margin-bottom: 34px;
}

#sidebar h3, .sidebar_box {
	background: #fff; 
	padding: 5px 10px; 
	margin-bottom: 15px;
	border-bottom: 1px solid #454545;
	outline:1px solid #111;
}

/* sidebar menu */


.navcontainer { width: 280px; margin-bottom: 25px ;}

.navcontainer ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.navcontainer a {
	display: block;
	padding: 10px 10px;
	width: 240px;
	background: url(images/seperator.png) repeat-x bottom;
}

.navcontainer a:link, .navlist a:visited {
	text-decoration: none;
}

.navcontainer a:hover{
	color: #000;
}

/* end sidebar menu */

#intro {
/*	border: 1px solid #454545; 
	clear: both;
	padding: 20px;
	font-size: 1em; 
	line-height: 1.6em; 
	margin-bottom: 44px;
	outline:1px solid #111;
	background: #fff;
	text-align:center;*/
	padding:none;　margin:none;
	margin-bottom: 48px;
}

#intro span {font-weight: 700;}

#intro p {padding: 0;}

#box_left {width: 300px; float: left; margin-bottom: 44px; text-align: justify; }
#box_right {width: 300px; float: right; margin-bottom: 44px; text-align: justify;}
#box_middle {margin-left: 330px; margin-right: 330px; margin-bottom: 44px; text-align: justify;}

#box_left h3, #box_right h3, #box_middle h3 {
	background: none;
	font-weight: normal;
	margin-bottom: 14px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: 1.4em;
	padding: 8px 15px;
	border-bottom: 1px solid #454545;
	outline-bottom:1px solid #111;
	color:#333366;
}

#footer {clear: both; padding: 10px; text-align: right; background:; font-size: .8em; color: #a3a3a3; border-top:1px solid #111;}
.shortpage{margin_bottom:230px;}
#backto{clear: both; padding: 10px; text-align: right; border-bottom:1px solid #CDCDCD;}



/*------------------ typography and images ------------------*/

/* global links */

a {text-decoration: none; color:#FF3300; text-decoration:underline;}

/* text styles */

h1 {margin:0; padding:0}
h2 {font-size: 1.6em; font-weight: normal; padding-bottom: 6px; padding-top:52px;}
h3, h4 {font-size: 1.4em; font-weight: norma;l padding-bottom: 6px;}
h5, h6  {font-size: 1.2em;}

p{line-height: 1.5em; margin:9px 0 18px 0; font-size:85%;  color:#333333; }

/* images */

.more {float: right; margin:10px 10px 0 10px;}
.center{text-align:center;}


/*------------------ gallery ------------------*/

#gallery {
	
	overflow: auto;
	margin-left: -24px;
	padding-bottom: 8px;
	position:static;
	clear:both;
									  
}
#gallery p{font-size:10.5px;}
#gallery ul li img{width:180px; height:150px; 
		border:1px solid #CDCDCD; padding:17px;}
#gallery ul li{
	width: 180px;
	padding: 17px;
	float: left;
	margin-left: 20px;
	margin-bottom: 4px;
}
#gallery_page{	overflow: none;
	margin-left: -44px;
	padding-bottom: 18px;
	position:static;
}
	
#gallery_page ul li{
	width: 100%　;
	height: 320px;
	padding-top: 17px;
	padding-left: 17px;
	border:1px solid #CDCDCD;
/*	background: url(images/wk.png) no-repeat left top;*/
	margin-left: 44px;
	margin-bottom: /*28px*/18px;
	clear:both;
	display:block;
}
.product{float:left;width:680px;}
.caption{
float:left;
margin-left:17px;
margin-right:17px;
width:227px;
}
.caption h3{font-size:90%;}
.caption h4{font-weight:normal;}
#gallery_page h3{margin-bottom:8px;}
#gallery_page h4{border-bottom:dotted #666666 1px; margin:0 17px 12px 0; padding-bottom:12px;font-size:10px; font-weight:0;　text-decoration:none;}
#gallery_page p{font-size:10.5px;}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: none;}
#gallery_b{padding:17px;}
.goto   {  margin-bottom: 22px; text-align:right;}




/*------------------ whatsnew ------------------*/
* html .whatsnew {height:0; } 
.whatsnew{display: block;}
.whatsnew{display: inline-table; min-height:0; }
.whatsnew:after{ 
    第19回:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; }

.date{margin:0 0 0 0 ; float:left; width:84px;}
.info{float:left; margin:0 0 4px 0; text-align:left; overflow:auto; display:block;}


/*-----------------------------------------------*/
/*---------------    navi---------------*/
/*---------------------------------------------*/

/* 
	LEVEL ONE
*/
#gnavi_area{width:100%; clear:both;text-align:right;}
#gnavi_area ul{margin: 0 0 px 0; /*border-top: 1px solid #dbdbdb;*/ height:45px; background: none; clear:both;

									  }
									  
#gnavi_area ul li                      { display:inline; }
#gnavi_area ul a:hover		            { color: ; }
#gnavi_area ul a:active                { color: ; }
#gnavi_area ul li a                    { display:inline;padding-right:24px;　color: #333366; text-decoration:none; }
#gnavi_area ul li:last-child a         { padding-right:10px;} /* Doesn't work in IE */



/* Contact Form */
	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:400px;}
	#contact_form textarea				{width:500px;height:150px; resize: none;}
	#contact_form input.button			{float:right;}
	
/* Comment form */

	#comment_form ul					{float:left; }
	#comment_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input					{width:400px;}
	#comment_form textarea				{width:500px; height:150px; resize:none;}

	.contact ul 						{list-style:none;}
	.contact li 						{margin:0;}