/*------------------------------------------------------------
	reset
------------------------------------------------------------*/
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;
	background: transparent;
	border: 0;
	outline: 0;
	font-style: normal;
	vertical-align: baseline;
}

body {
	color: #000;
	font-size: 12px;
	font-size: 13px;	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka',sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

input, textarea {
	font-family: MS PGothic, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
a {
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #999;
}

a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
}

a:active {
	color: #000;
}

/*------------------------------------------------------------
	advantage style
------------------------------------------------------------*/
body {
		background:#fff;
		font: Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
	}
#container	h1{
		width:101px;
		margin:50px 0 0 50px;
		float:left;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:1000px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:100%;
		background:#fff;		
		margin-bottom:2em;
		}	
	.header{
		width:100%;
		color:#333;
		overflow:hidden;
		}
	.header ul {
		float:left;
		overflow:hidden;
		margin:57px 0 0 50px;
		}
	.header ul li {
		float:left;
		margin-right:20px;
		}
	#content{
		position:relative;
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		margin-top:120px;
		}			


/* top js */

#window	{
	overflow:hidden;/* 必須 */
	position:relative;/* 必須 */
	width:1000px;/* 画像1枚の横幅 */
	height:550px;/* 画像1枚の高さ */
	/*background: url(images/bg.gif);*//* 任意 */
	/*border:3px solid #333;*//* 任意 */
}
#slideshow	{
	width:2000px;/* 画像3枚分の横幅 */
	height:20365px;/* 画像2枚分の横幅 */
	overflow:hidden;/* 必須 */
	position:relative;/* 必須 */
	padding:0;
	margin:0;
}
#slideshow li	{
	width:1000px;/* 画像1枚の横幅 */
	height:550px;/* 画像1枚の高さ */
	float:left;/* 横並びに */
	display:inline;
}


/*=============================================
  infomation
===============================================*/
#inf_con h1 { margin-left:50px;}
#inf_con  .con_dtl { margin-top:30px; padding-left:80px; width:700px;}
#inf_con  .con_dtl li{ margin-bottom:20px;}
#inf_con  .slogo   { margin-right:5px;}
#inf_con  .con_dtl dt{ font-weight:bold;}


/*=============================================
  project
===============================================*/
#prj_con h1 { margin-left:50px;}
#prj_con  .con_dtl { margin-top:50px; padding-left:80px; width:700px;}
#prj_con  .con_dtl li{ margin-bottom:20px;}
#prj_con  .slogo   { margin-right:5px;}
#prj_con  .con_dtl dt{ font-weight:bold;}
#prj_con  .con_dtl dd{ margin-top:20px;}


/*=============================================
  profile
===============================================*/
#pfl_con h1 { margin-left:50px;}
#pfl_con  .con_dtl { margin-top:50px; padding-left:80px; width:370px;float:left;}
#pfl_con  .con_dtl li{ margin-bottom:5px;}
#pfl_con  .con_dtl dl{ width:340px; overflow:hidden;}
#pfl_con  .con_dtl dt{ float:left; width:75px;}
#pfl_con  .con_dtl dd{ float:left; width:265px;}
#pfl_con  .map{ float:left;margin-top:20px;}
#pfl_con  .map .google{ text-align:center; margin-top:5px;}


/*=============================================
  contact
===============================================*/
#cnt_con h1 { margin-left:50px;}
#cnt_con  .msg { margin-top:10px; padding-left:20px; width:350px;}
#cnt_con  .msg2 { margin-top:100px; padding-left:20px; width:350px;}
#cnt_con  .con_dtl { margin-top:20px; padding-left:20px; width:350px;}
#cnt_con  .con_dtl li{ margin-bottom:15px;}
#cnt_con  .con_dtl dl{ width:350px; overflow:hidden;}
#cnt_con  .con_dtl dt{ float:left; width:150px;}
#cnt_con  .con_dtl dd{ float:left; width:350px;}
#cnt_con  .con_dtl dd input{width:300px;}
#cnt_con  .con_dtl .sbm { margin-top:30px; width:148px; margin-left:90px;}
#cnt_con  .con_dtl .chk { margin-left:25px;}

/*=============================================
  work
===============================================*/
#wrk_con h1 { margin-left:50px;}
#wrk_con  .con_dtl { margin-top:50px; padding-left:80px; width:700px;}