@media all{

/*--------------------------------------------------------
サイト全体の横幅
--------------------------------------------------------*/

html,
body,
#top,
#header,
#global-menu,
#breadcrumbs,
#main,
#footer{
	width: 100%;
	min-width: 950px;
}


#top-in,
#header-in,
#breadcrumbs ol,
#global-menu ul,
#main-in,
#footer-in{
	margin: auto;
	width: 950px;
}


/*--------------------------------------------------------
サイト全体の基本文字色
-------------------------------------------------------*/

body,pre{ color: #666; }


/*リンク文字*/
a{ text-decoration: underline; }
a:link,a:visited{ color: #03f; }
a:hover,a:active{ color: #c60; }


strong{
	font-weight: normal;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	position: absolute;
	top: 0;
	font-size: 1.0em;
}

#header-in{
	position: relative;
	padding-top: 10px;/*▲ページ最上部からの距離*/
}


/*ヘッダーロゴ*/
#header-logo{
	position: absolute;
	top: 15px;
	z-index: 10;
}


/*ヘッダーロゴテキスト*/
#header-logo a{
	height: 70px;
}


/*ヘッダーテキスト*/
#header-in #header-text{
	text-align: right;
	padding-top: 80px;
}


/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/

#global-menu{
	position: absolute;
	top: 120px;/*▲ページ最上部からの距離*/
	left: 0;
}


#global-menu li{
	float: left;
	height: 21px;
	width: 100px;
	border-right: 1px solid #666;
}


#global-menu ul li.b01{
	margin-left: 339px;
	border-left: 1px solid #666;
}


#global-menu ul li a{
	display: block;
}


#global-menu ul li a img{
	height: 0;
	overflow: hidden;
}


#global-menu ul li.b01           { background: url(../images/b01a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b01 span.hover{ background: url(../images/b01b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b02           { background: url(../images/b02a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b02 span.hover{ background: url(../images/b02b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b03           { background: url(../images/b03a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b03 span.hover{ background: url(../images/b03b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b04           { background: url(../images/b04a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b04 span.hover{ background: url(../images/b04b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b05           { background: url(../images/b05a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b05 span.hover{ background: url(../images/b05b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b06           { background: url(../images/b06a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b06 span.hover{ background: url(../images/b06b.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b07           { background: url(../images/b07a.jpg); width: 100px; height: 21px; display: block; }
#global-menu ul li.b07 span.hover{ background: url(../images/b07b.jpg); width: 100px; height: 21px; display: block; }


/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs{
	position: absolute;
	top: 167px;/*▲ページ最上部からの距離*/
	left: 0;
}


#breadcrumbs li{
	float: left;
	padding: 0 10px 0 15px;
	background: url(../images/icon-breadcrumbs.gif) left 5px no-repeat;
	font-size: 1.3em;
}


/*パン屑ナビの先頭*/
#breadcrumbs li.first{
	padding-left: 0;
	background: none;
}


#breadcrumbs ol li a{ text-decoration: none; }
#breadcrumbs ol li a:link,
#breadcrumbs ol li a:visited{ color: #666; }
#breadcrumbs ol li a:hover,
#breadcrumbs ol li a:active{ color: #666; text-decoration: underline; }


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	padding-top: 190px;/*▲ページ最上部からの距離*/
	height: 100%;
}


/*メインイメージ*/
#main-image{
	display: block;
	position: relative;
	width: 950px;
	margin-bottom: 20px;
}


/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{
	float: right;
	width: 260px;
}


/*最新情報*/
#sidebar ul.news{ margin-bottom: 60px; }

#sidebar ul.news li{
	margin-bottom: 20px;
	padding: 0 0 13px 0;
	border-bottom: 1px dotted #7070ba;
}

#sidebar ul.news p{
	margin-bottom: 3px;
}


/*アドセンス*/
div.ads{ margin: 6px 0 19px 3px; }


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{
	float: left;
	width: 660px;
}

#main-contents2{
	float: left;
	width: 950px;
}

/*H1、H2、sideH3*/
#main-contents h2,
#main-contents2 h2,
#sidebar h3{
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666;
	border-right: 1px solid #fff;
}


/*H3*/
#main-contents h3,
#main-contents2 h3{
	font-size: 1.3em;
	padding: 10px 0 10px 0;
	text-decoration: underline;
}

/*H3 リンク*/
#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #666; }
#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #666; }

/*H3 ギャラリー*/
div.gallery h3{
	font-weight: normal !important;
	margin: 0 0 20px 0;
	padding-left: 10px !important;
	text-decoration: none !important;
	border: 1px dotted #666; 
}

/*文字サイズ全体*/
div.angle div.send,
p,
dl.info,
div.clearfix dl,
#footer li{
	font-size: 1.3em;
	color: #666;
}

div.index-l{ float:  left; padding: 0 0 35px 0; }
div.index-r{ float: right; padding: 0 0 35px 0; }

div.index-l p,
div.index-r p{
	padding: 0 0 20px 0;
}

p.h2com{
	margin: 0 20px 0px 15px;
}

div.about,
div.discount,
div.outside{
	margin: 0 0 30px 0;
}

div.campaign,
div.recruit{
	margin: 0 0 45px 0;
}

div.recruit,
div.outside{
	margin-top: 15px;
}


div.contact input.send{
	margin: 30px 0 0 240px;
	font-size: 1.3em;
}

div.about p,
div.campaign p,
div.discount p,
div.recruit p,
div.outside p{
	padding: 0 0 10px 0;
}

div.business p{
	padding: 0 0 40px 0;
}

div.about img{
	margin: 0 0 10px 0;
}

div.about a:link,
div.about a:visited,
div.outside a:link,
div.outside a:visited{ color: #666; text-decoration: none; }
div.about a:hover,
div.about a:active,
div.outside a:hover,
div.outside a:active{ color: #666; text-decoration: underline; }

div.gallery{
	margin: 30px 0 0 0;
}

div.gallery-menu{
	float: left;
	margin: 0 0 20px 0;
}

div.gallery-menu ul	li{
	float: left;
	list-style-type: none;
	margin-right: 5px;
}

div.gallery-menu ul	li.g9{ margin-right: 0; }

div.gallery-menu ul li a{ display: block; }

div.gallery-menu ul li a img{
	height: 0;
	overflow: hidden;
}

div.gallery-menu ul li.g1           { background-image: url(../images/t02.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g1 span.hover{ background-image: url(../images/t01.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g2           { background-image: url(../images/t04.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g2 span.hover{ background-image: url(../images/t03.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g3           { background-image: url(../images/t06.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g3 span.hover{ background-image: url(../images/t05.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g4           { background-image: url(../images/t08.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g4 span.hover{ background-image: url(../images/t07.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g5           { background-image: url(../images/t10.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g5 span.hover{ background-image: url(../images/t09.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g6           { background-image: url(../images/t12.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g6 span.hover{ background-image: url(../images/t11.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g7           { background-image: url(../images/t14.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g7 span.hover{ background-image: url(../images/t13.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g8           { background-image: url(../images/t16.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g8 span.hover{ background-image: url(../images/t15.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g9           { background-image: url(../images/t18.jpg); width: 101px; height: 150px; display: block; }
div.gallery-menu ul li.g9 span.hover{ background-image: url(../images/t17.jpg); width: 101px; height: 150px; display: block; }

div.gal-l{ float: left; position: absolute; }
div.gal-r{ float: right; height: 375px; }

div.gal-r p{ padding: 10px 5px 0 10px; }



div.clearfix{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}


/*リンク集 タイトル*/
dl.h3 dt{
	padding: 0 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
}

dl.h3 dt a{ color: #666; }

dl.h3 dd{
	font-size: 1.3em;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}


/*スタイル01 会社概要*/
dl.info dd div{ display: inline-block; }

dl.info{
	border-bottom: 1px dotted #666;
	border-right: 1px solid #fff;
	margin-top: 30px;
	margin-bottom: 60px;
}

dl.info dt{
	float: left;
	padding: 17px 0 0 19px;
	width: 11em;
	height: 30px;
}

dl.info dd{
	margin: 0 0 0 0;
	padding: 16px 0 15px 0;
	border-top: 1px dotted #666;
	border-right: 1px solid #fff;
}


/*スタイル02 ギャラリーページ右側*/
div.clearfix dl dd div{ display: inline-block; }

div.clearfix dl{
	margin: 5px 0 5px 0;
}

div.clearfix dl dt{
	float: left;
	height: 25px;
	padding: 12px 0 9px 10px;
	width: 8.5em;
	line-height: 1.9em;
}

div.clearfix dl dd{
	height: 25px;
	margin: 0 0 0 0;
	padding: 12px 0 9px 0;
	line-height: 1.9em;
	border-bottom: 1px dotted #666;
	border-right: 1px solid #fff;
}
div.clearfix dl dd  span{color: red;}
div.clearfix dl dd big{font-weight: bold; font-size: 1.8em; font-family: serif;}

/*googleマップ*/
div.map{
	position: absolute;
	top: 530px;
	margin: 0 0 0 570px;
	border: 20px solid #fff;
}


/*サイトマップ*/
ul.sitemap{
	margin: 0 0 40px 0;
}

ul.sitemap li{
	padding: 11px 0 3px 0;
	list-style-type: none;
}

ul.sitemap li ul li{
	border-left: 1px solid #666;
	padding: 10px 0 0 20px;
	margin: 0 0 0 10px;
	background: url(../images/li.gif) 0 14px no-repeat;
}

ul.sitemap a{
	text-decoration: none;
	font-size: 1.3em;
}

ul.sitemap a:link,
ul.sitemap a:visited{ color: #666; }
ul.sitemap a:hover,
ul.sitemap a:active{ color: #666; text-decoration: underline; }


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer-in{
	padding: 30px 0 30px 0;
}


/*H3*/
#footer h3{
	margin-bottom: 15px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666;
	border-right: 1px solid #fff;
	font-size: 1.3em;
}


/*フッターメニュー*/
#footer ul li{
	float: left;
	list-style: none;
	margin-right: 13px;
	padding: 0 10px 0 18px;
	background: url(../images/icon-arrow.gif) left 4px no-repeat;
}

#footer ul li a{
	color: #666;
	text-decoration: none;
}
#footer ul li a:link,
#footer ul li a:visited{}
#footer ul li a:hover,
#footer ul li a:active{
	text-decoration: underline;
}

#footer p{
	padding: 0 0 5px 5px;
	clear: both;
}

#footer p big{
	padding: 0 25px 0 0;
	font-size: 2.5em;
	font-family: serif !important;
}

#footer p.copy{
	float: left;
}


/*------------------------------------------------------------
end
-------------------------------------------------------------*/
}