@charset "UTF-8";

body {
	padding: 0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #f5f1ee;
	color: #666;
}




/*--------タイトル部分背景スクロールの設定--------*/

.scrollbg{
	width:560px;
	height:60px;
	background: url(../images/00001_4.jpg);
	margin: 30px 0 10px 24px;
}


h1 a {
	width:560px;
	height:60px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	display: block;
}


/*--------グリッド全体の設定--------*/

#grid-content {
	overflow: hidden;
	height: 0;
	margin: 0 0 0 20px;
}

#grid-content div {
	background-color: #fff;
	width: 150px;
	margin: 4px;
	padding: 12px;
	border-radius: 6px;/*CSS3角丸*/
	box-shadow: 0 0 4px 0 #ccc;/*CSS3ボックスシャドー Opera10.5+,IE9b+用*/
	-moz-box-shadow: 0 0 4px 0 #ccc;/*CSS3ボックスシャドー Firefox3.5+用*/
	-webkit-box-shadow: 0 0 4px 0 #ccc;/*CSS3ボックスシャドー Chrome,Safari3.0+用*/
}

#grid-content div.large {
	background-color: #fff;
	width: 332px;
}

#grid-content div.big {
	background-color: #fff;
	width: 514px;
}

h5 {
	font-size: 9px;
	line-height: 11px;
	margin: 0 0 4px 0;
	padding: 0;
}

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

h4 {
	font-size: 10px;
	line-height: 11px;
	margin: 1px 0 4px 0;
	padding: 0;
}

#grid-content div p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	text-align: justify;/*IE,Chrome,Firefox用*/
}

#grid-content div.big p {
	margin: 16px;
	padding: 0;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;/*IE,Chrome,Firefox用*/
}

#grid-content div.big h3 {
	font-size: 13px;
	line-height: 16px;
	margin: 16px;
	padding: 0;
}

#grid-content div.whats_new p {
	margin: 6px 0 0 0;
	line-height: 13px;

}

#grid-content div.company p {
	margin: 6px 0 0 0;
	line-height: 10px;
}

#grid-content div.link p {
	margin: 6px 0 0 0;
	line-height: 13px;
}

.company p a:link, .company p a:visited,
.link p a:link, .link p a:visited,
.iro:link, .iro:visited
{color: #666; text-decoration: none;}

.company p a:hover, .company p a:active,
.link p a:hover, .link p a:active,
.iro:hover, .iro:active
{color: #b6262a; text-decoration: underline;}

.iro {
	font-size: 11px;
	padding: 6px 0 0 0;
	display:block;
}

/*#grid-content div.bgcolor {
	background: url(../images/bg.png);
}*/


/*--------リンクの色--------*/


.link_kochira:link, .link_kochira:visited
{color: #b6262a; text-decoration: none;}

.link_kochira:hover, .link_kochira:active
{color: #b6262a; text-decoration: underline;}


/*--------WHAT'S NEWのリンクの色--------*/


.whats_new a:link, .whats_new a:visited
{color: #b6262a; text-decoration: underline;}

.whats_new a:hover, .whats_new a:active
{color: #ff0000; text-decoration: underline;}



/*--------会社概要の設定--------*/

#grid-content div.large h3 {
	margin: 16px 0 -5px 10px;
}

dl {
	font-size: 10px;
	position:relative;
}

dt {
	display:block;
	padding:10px 0 0 0;
	position:absolute;
	width:60px;
	text-align: right; 
}

dd {
	display:block;
	padding:10px 0 0 45px;
}








/*--------外部リンクの設定--------*/

	
#gaibu_link01 p a {
	background: url(../images/tad.jpg) no-repeat;
	width: 150px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}


	
#gaibu_link02 p a {
	background: url(../images/umi.jpg) no-repeat;
	width: 150px;
	height: 50px;
	text-indent: -9999px;
	display: block;
}


/*--------QRの設定--------*/

#qr {
	width: 150px;
	height: 66px;
	background: url(../images/qr.png) no-repeat;
}

#center {
	font-size: 6px !important;
	text-align: center !important;
}




/*--------フッターの設定--------*/



#addless {
	margin: 10px 0 0 24px;
	width: 380px;
	height: 35px;
	background: url(../images/addless4.png) no-repeat;
	text-indent: -9999px;
}




#info {
	margin: 5px 0 10px 24px;
	width: 90px;
	height: 12px;
}

#info a {
	width: 90px;
	height: 12px;
	background: url(../images/info.png) no-repeat;
	text-indent: -9999px;
	display: block;
}

#info a:link, #info a:visited
{background-position: 0 0;}

#info a:hover, #info a:active
{background-position: 0 -12px;}





#copyright {
		width: 240px;
	height: 12px;
	margin: 0 0 30px 24px;
	font-size: 9px;
	color: #666;
	letter-spacing: 1px;
	font-family: Tahoma, Geneva, sans-serif;
}