@charset "utf-8";
/*--------------------------
          共通処理
-----------------------------*/
body {
	background-color: #FFFFFF; /* ページの背景色 */
	background-image: url(back.gif); /* ページのマージン */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

body, td, th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",	font-size: 1em; /* 全体の文字サイズ */
	color: #2B1500; /* 全体の文字色 */
}

A:link {color: #6699FF;} /* リンク文字の色 */
A:visited { color: #6699FF; } /* アクセス済みの色 */
A:hover { color: #6699CC;} /* ポイントしたときの色 */
A:active { color: #6699FF; } /* クリックした瞬間の色 */ 

/*--------------------------
          Header
-----------------------------*/
Header{
	height: auto;
	width: auto;
}
#header{
	height: 80px;
	width: 640px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
#header h1 {
	float: left;
}
#header ul {
	float: right;
}

#header ul li{
	float: left;
	padding-left: 20px;
}
/*--------------------------
          nav
-----------------------------*/
#nav{/* ナビゲーションバー設定 */
	height: 30px;
	width: auto;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0);}
#nav ul {
	width: 100%;
	width: 640px;
	/*真ん中指定 */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

#nav li{
	float: left;
	height: 30px;
	width: 128px;
}
/*-------------------------- index.html-----------------------------*/

/*--------------------------
            top
-----------------------------*/
#top{/* トップ画像設定 */
	height: 400px;
	display: block;
/*	background-image: url(../images/top_back.png);
	background-repeat: repeat;
*/}
#top #top_back{
/*	background-image: url(../images/top_img.png);
*/	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	display: block;
}
#top #top_img{
	display: block;
/*	background-image: url(../images/top_img_word.png);
*/	height: 220px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
/*--------------------------
          content
-----------------------------*/
#content{/* コンテンツ内設定 */
	height: auto;
	width: 640px;
	/*真ん中指定 */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content h2{
	clear: none;
	float: none;
	height: 40px;
	width: 640px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
}
/* 新着情報(news) */
#news{
	clear: none;
	float: none;
}
#news ul{
	height: 55px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 640px;
	background-color: #E7D7C9;
}
#news li{
	width: 640px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	color: #2B1500; /* 全体の文字色 */
	font-size: 12px;
	text-indent: 10px;
	padding-top: 5px;
}


/*-------------------------- company.html-----------------------------*/
/*--------------------------
            top
-----------------------------*/
#top_company{/* トップ画像設定 */
	height: 110px;
	display: block;
	background-image: url(../images/top_back.png);
	background-repeat: repeat;
	margin-bottom: 20px;
}
#top_company #top_back{
	background-image: url(../images/top_company_img.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	display: block;
}
#top_company #top_img{
	display: block;
	height: 110px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
/*--------------------------
            content
-----------------------------*/
/* テーブル */
#company table{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 14px;
}
#company table th{
	width: 200px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/top_back.png);
	background-repeat: repeat;
	padding: 10px;
	font-weight: bold;
}
#company table td{
	width: 450px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 10px;
}
/* お問い合わせ内設定 */
#contact{
	clear: none;
	float: none;
	font-size: 14px;
	line-height: 20px;
}
#contact p{
	padding-left: 20px;
}

.small{
	font-size: 10px;
}
.link{
	color: #39F;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bolder;
}
/* アクセス内設定 */
#access{
	clear: none;
	float: none;
	height: 380px;
}
#access p{
	float: left;
	width: 200px;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
}

#googlemap{
	float: right;
	border: 3px solid #CCC;
	height: 300px;
}
/*-------------------------- ach.html-----------------------------*/
/*--------------------------
            top
-----------------------------*/
#top_ach{/* トップ画像設定 */
	height: 110px;
	display: block;
	background-image: url(../images/top_back.png);
	background-repeat: repeat;
	margin-bottom: 20px;
}
#top_ach #top_back{
	background-image: url(../images/top_company_img.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	display: block;
}
#top_ach #top_img{
	display: block;
	height: 110px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
/*--------------------------
            content
-----------------------------*/

/* 実績内設定(achievements) */
#ach{
	clear: none;
	float: none;
}
#ach ul{
}
#ach li{
	height: 175px;
	width: 640px;
	padding-bottom: 10px;
}
#ach li img{
	height: 175px;
	width: 640px;
}
/*-------------------------- sitemap.html-----------------------------*/
/*--------------------------
            top
-----------------------------*/
#top_sitemap{/* トップ画像設定 */
	height: 110px;
	display: block;
	background-image: url(../images/top_back.png);
	background-repeat: repeat;
}
#top_sitemap #top_back{
	background-image: url(../images/top_company_img.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	display: block;
}
#top_sitemap #top_img{
	display: block;
	background-image: url(../images/top_company_img_word.png);
	height: 110px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
/*--------------------------
            content
-----------------------------*/
/* サイトマップ設定 */
#sitemap{
	clear: none;
	float: none;
}
#sitemap a{
	text-decoration: none;
}

#sitemap table{
	font-size: 14px;
	margin-left: 50px;
}
#sitemap table td{
	background-image: url(../images/sitemap_back.png);
	background-repeat: no-repeat;
	text-indent: 15px;
	width: 200px;
	background-position: left center;
	text-decoration: none;
}
/*--------------------------
          footer
-----------------------------*/
Footer{
	background-image: url(../images/footer_back.png);
	background-repeat: repeat-x;
	height: 160px;
	padding-top: 10px;
}
#footer{
	width: 640px;
	padding-top: 50px;
	color: #FFF;
	font-size: 12px;
	/*真ん中指定 */
	margin-right: auto;
	margin-left: auto;
}
#footer img{
	display: block;
}

#footer p,#copyright{
	padding-top: 10px;
	text-align: center;
}

/*--------------------------
      時々使うCSS3見本
-----------------------------*/

/*start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

end */