@charset "utf-8";
/* 2009 Sanyotsuru Brewery Inc. All Right Reserved. */

/**************/
/* 基本セット */
/**************/

/* スタイル初期化 */
body {
	margin:0;
	padding:0;
	font-family:"メイリオ", Meriyo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#F8F6F5;
	border-top:#152680 solid 20px;
	border-bottom:#152680 solid 120px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;
}

img{
	border:0;
}

/* テキスト */
p {
	margin:10px 0 20px 0;
	line-height:24px;
	font-size:14px;
}

.margin_top_bottom_10{
	margin:10px 0 10px 0;
}

.margin_top_bottom_5{
	margin:5px 0 5px 0;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_5{
	margin-bottom:5px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_40{
	margin-top:40px;
}

.margin_right_20{margin-right:20px;}
.margin_right_15{margin-right:15px;}
.margin_left_20{margin-left:20px;}

#midashi{
	width:610px;
	height:60px;
	background-image:url(../img/midashi.jpg);
	line-height:60px;
	padding-left:70px;
	margin-bottom:15px;
	font-size:21px;
	font-weight:bold;
	color:#FFF;
}

.midashi_s{
	width:170px;
	height:31px;
	background-image:url(../img/midashi_s.jpg);
	line-height:31px;
	padding-left:30px;
	margin-bottom:15px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}

/* 全体 */
#wrapper {
	width:940px;
	height:auto;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
	background-color:#FFFFFF;
	background:url(../img/wrapper_side.gif) repeat-y;
}

/* ヘッダー */
#head {
	width:900px;
	height:80px;
	margin:0 20px;
}
#logo {
	width:228px;
	height:70px;
	margin:0;
	float:left;
}
#top_button {
	float:right;
	font-size:12px;
	width:auto;
	margin-top:10px;
}
#top_menu {
	text-align:center;
	margin:10px 0;
}

/* フッター */
#foot {
	width:900px;
	height:auto;
	margin:30px 20px 0 20px;
	padding-bottom:30px;
}
#foot p {
	font-size:10px;
	line-height:18px;
	text-align:right;
	margin:10px 0;
}

/**********************/
/* コンテンツスタイル */
/**********************/
/* パンクズリスト */
#pankuzu {
	width:900px;
	height:30px;
	margin:0 20px 10px 20px;
	font-size:11px;
	line-height:30px;
}
#pankuzu ul {
	margin:0;
	padding:0;
}
#pankuzu li {
	margin-right:8px;
	list-style-type:none;
	float:left;
}


#contents {
	width:900px;
	height:auto;
	margin:20px;
}

#contents_right{
	float:right;
	width:680px;
	margin:0;
	padding:0;
}

/* インデックス */
#index_left {
	width:200px;
	margin-right:20px;
	float:left;
}

#index_left ul {
	margin:0;
	padding:0;
}

#index_left li {
	list-style-type:none;
	margin:10px 0 10px 5px;
	padding:0 0 8px 0;
	border-bottom:#CCC dotted 1px;
	line-height:24px;
}

#index_center {
	width:900px;
	margin-top: 20px;
}

#index_center dl{
	width:900px;
	padding:0;
}

#index_center dt{
	width:140px;
	line-height:36px;
	border-bottom:#CCC 1px dotted;
	float:left;
	clear:both;
}

#index_center dd{
	width:760px;
	line-height:36px;
	margin-left:140px;
	border-bottom:#CCC 1px dotted;
}

#index_right {
	width:200px;
	float:right;
}

#news{
	width:680px;
}

#index_kaijyo {
	width:680px;
}

#index_kaijyo table {
	width:680px;
}

#index_kaijyo td {
	border-bottom:#999 1px dotted;
	padding:8px 0px;
	line-height:22px;
}

/* バナー表示 */

#bunner ul{
	margin:0;
	padding:0;
}

#bunner li{
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
}

/* 子ページ */
#top_img{
	margin-bottom:20px;
}

/* フロートクリア */
.float_clear {
	float:none;
	clear:both;
}


/************/
/* お知らせ */
/************/
#oshirase{
	width:680px;
	height:auto;
	font-size:14px;
	margin-top:10px;
}

#oshirase ul{
	margin:0;
	padding:0;
}

#oshirase li{
	list-style:none;
	border-bottom:dotted 1px #CCC;
	margin-bottom:6px;
	padding-bottom:6px;
	padding-left:4px;
}

#oshirase span{
	margin-right:15px;
}


/******************/
/* アイコンセット */
/******************/

/* pdf 要素 
----------------------------------------------------------- */  
a[href$=".pdf"] {   
    background: url(../img/ico/pdf_16x16.gif) no-repeat 100% 50%;
	padding: 4px 20px 4px 0;
}  
* html a.pdf{   
    background: url(../img/ico/pdf_16x16.gif) no-repeat 100% 50%;  
}

/* Word 要素 
----------------------------------------------------------- */  
a[href$=".doc"] {   
    background: url(../img/ico/word_16x16.gif) no-repeat 100% 50%;
	padding: 4px 20px 4px 0;
}  
* html a.doc{   
    background: url(../img/ico/word_16x16.gif) no-repeat 100% 50%;  
}

/* Excel 要素 
----------------------------------------------------------- */  
a[href$=".xls"] {   
    background: url(../img/ico/excel_16x16.gif) no-repeat 100% 50%;
	padding: 4px 20px 4px 0;
}  
* html a.xls{   
    background: url(../img/ico/excel_16x16.gif) no-repeat 100% 50%;  
}

/*******************/
/* googleMAPセット */
/*******************/

#map_canvas{
	width:680px;
	height:600px;
	margin:0;
	padding:0;
}

/************/
/* 募集要項 */
/************/
#youkou_top{
	width:680px;
	margin:0 0 30px 0;
	padding:0;
}

#youkou_top dl{margin:0 20px 0 0; padding:0; font-size:12px; float:left;}
#youkou_top dt{list-style-type:none;margin-bottom:5px; line-height:24px;}
#youkou_top .sen01{margin:0 0 0 20px; padding:0; background:url(../img/sen01.gif) no-repeat; padding-left:15px; line-height:19px;}
#youkou_top .sen02{margin:0 0 0 20px; padding:0; background:url(../img/sen02.gif) no-repeat; padding-left:15px; line-height:19px;}

.youkou{
	width:680px;
	margin:0 0 30px 0;
	padding:0;
	font-size:14px;
}

.youkou dl{
	width:680px;
	margin:0;
	padding:0;
}

.youkou dt{
	width:120px;
	margin-bottom:10px;
	float:left;
	clear:both;
}

.youkou dd{
	width:560px;
	margin-bottom:10px;
	margin-left:120px;
}

.youkou table{
	border:#CCC 1px solid;
	margin:0;
	padding:0;
}

.yokou tr{
	margin:0;
	padding:0;
}

.youkou td{
	border:#CCC 1px solid;
	margin:0;
	padding:10px;
}

/****************/
/* テーマソング */
/****************/
#song{
	width:680px;
	margin:0;
	padding:0;
	text-align:center;
}

#song dl{
	width:680px;
	margin:0 0 0 430px;
	padding:0;
	text-align:left;
}

#song dt{
	width:90px;
	margin:0 auto 10px auto;
	float:left;
	clear:both;
}

#song dd{
	width:580px;
	margin-bottom:10px;
	margin-left:90px;
}

/******************/
/* リンクビュワー */
/******************/

.link_view{
	margin-top:20px;
}

.link_view h1{
	font-size:180%;
	font-weight:normal;
	color:#555;
}

.link_view h2{
	clear:both;
	font-size:160%;
	font-weight:normal;
	color:#555;
	margin:0;
	padding:.5em 0;
}

.link_view a{
	text-decoration:none;
	color:#f30;	
}

.link_view p{
	clear:both;
	margin:0;
	padding:.5em 0;
}

.link_view pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

.link_view img{border:none;}
.link_view ul,li{
	margin:0;
	padding:0;
}

.link_view li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


/****************/
/* サイトマップ */
/****************/
#sitemap{
	margin:0;
	padding:0;
}

#sitemap_left{
	width:340px;
	float:left;
}

#sitemap_right{
	width:340px;
	float:right;
}

#sitemap dl{margin:0 20px 0 20px; padding:0; font-size:14px; float:left;}
#sitemap dt{list-style-type:none;margin-bottom:10px; line-height:24px;}
#sitemap .sen01{margin:0 0 0 20px; padding:0; background:url(../img/sen01.gif) no-repeat; padding-left:15px; line-height:19px;}
#sitemap .sen02{margin:0 0 10px 20px; padding:0; background:url(../img/sen02.gif) no-repeat; padding-left:15px; line-height:19px;}


/*******************/
/* ECOプロジェクト */
/*******************/

.eco_text{background-image:url(../img/eco_text.jpg); background-repeat:no-repeat; padding-left:26px; line-height:20px;}

/********************/
/* 当日スケジュール */
/********************/
#schedule{
	width:430px;
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
}

#schedule img{
	margin-bottom:5px;
}

#schedule_img{
	width:230px;
	margin-left:20px;
	float:right;
}

#schedule_img img{
	margin-bottom:20px;
}

#schedule dl{
	width:430px;
	margin:0 0 20px 0;
	padding:0;
}

#schedule dt{
	width:50px;
	border-bottom:#CCC 1px dotted;
	line-height:24px;
	float:left;
	clear:both;
}

#schedule dd{
	width:380px;
	line-height:24px;
	border-bottom:#CCC 1px dotted;
}

.back_red{
	background-color:#FFC8A6;
}


#wrap{
	width:940px;
	margin:0 20px;
}
.newsbox{
	background-image:url(../img/nwes_back_mini.jpg);
	margin:20px 0 0 20px;
	padding:10px;
	color:#333;
	width:140px;
	height:125px;
	text-align:left;
	float:left;
}

#index_banner{
	width:680px;
	margin:40px 0 20px 0;
}

#index_banner img{
	margin-bottom:20px;
	margin-right:50px;
}

#index_link{
	width:900px;
	margin: 0 20px;
}

#index_link img{
	margin:0 11px;
}