/* 
 * スタイルシート仕様
 * 2008_12/1 株式会社ヤナギサワサイト　スクリーン用
 */

/* CONTENTS
 * 
 * 1. 基本要素
 * 2. デザイン主要
 * 3. 共通レイアウト＆フォーマット
 * 4. ヘッダー
 * 5. ナビゲーション
 * 6. メインコンテンツ
   6. メインコンテンツ　Officeページ
 * 7. サイドメニュー
 * 8. テーブル
 * 9. コンタクトフォーム
 * 10. フッター
 * 11. レイアウト補正
 * 12. レイアウト修正
 * 13. サイトマップ
 */

/* 1.基本要素*/

/*IE6以下対応(2008/11/17 山田修正)*/
body {
	margin: 0px;
	font: 86%/140% "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans

-serif;
	background: url(images/temp/header_line.gif) repeat-x;
	width: 100%;
	color: #333333;
	/*IE6以下対応(2008/11/17 山田修正)*/
	text-align: center;
}
h2 {
	margin-top: 10px;
	margin-bottom: 0px;
}
/*IE6以下対応(2008/11/17 山田追加)*/
td { 
	font-size: 84%; 
}

/*2. デザイン主要*/

#pankuzu_list {
	font-size: 85%;
	margin-bottom: 8px;
}
#content p {
	margin-top: 12px;
	margin-bottom: 12px;
}
#content h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

/*3. 共通レイアウト＆フォーマット*/

#container {
	margin: 0px auto;
	width: 740px;
	/*IE6以下対応(2008/11/17 山田修正)*/
	text-align: left;
}
#container #header {
	height: 75px;
	width: 740px;
}
#container #navi {
	height: 37px;
	width: 740px;
	margin-bottom: 4px;
	background: url(images/temp/navi/back.jpg) repeat-x;
	margin-left: 0px;
}
#container #content {
	width: 740px;
}
#container #content #main {
	float: left;
	width: 520px;
	margin: 8px auto 15px 0px;
}
#container #content #right {
	float: right;
	width: 190px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top: 8px;
	font-size: 84%;
}
#container #footer {
	width: 740px;
	border-top: 5px solid #0B539B;
	font-size: 11px;
}
#end_line {
	width: 100%;
	border-top: 1px solid #0B539B;
}

/*4. ヘッダー*/

#header #logo {
	height: 70px;
	width: 500px;
	float: left;
	margin-right: auto;
	padding-top: 5px;
}
#header p {
	text-indent: -9999px;
	margin: 0px;
}
#header #shoulder {
	float: right;
	height: 63px;
	width: 240px;
	margin-left: auto;
	margin-top: 12px;
}
#header #shoulder2 {
	float: right;
	height: 63px;
	width: 240px;
	margin-left: auto;
	margin-top: 12px;
	text-align: right;
}
#header #sitemap {
	height: 12px;
	width: 140px;
	margin-top: 28px;
	margin-left: 100px;
	margin-bottom: 10px;
}
#header #sitemap2 {
	height: 12px;
	width: 140px;
	margin-top: 9px;
	margin-left: 100px;
	margin-bottom: 10px;
}
#header #title_corp {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/corporate/title_corp.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_topics {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/topics/title_topics.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_maker {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/maker/title_maker.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_product {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/product/title_product.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_office {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/office/title_office.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_inquiry {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/inquiry/title_inquiry.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_sitemap {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/sitemap/main_tilte_sitemap.jpg) no-repeat;
	margin-bottom: 1px;
}
#header h1 {
	font-size: 90%;
	text-indent: -9999px;
	margin: 0px;
}

/*5. ナビゲーション*/

#navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navi li {
	float: left;
}

/*6. メインコンテンツ*/

#main #main_text {
	margin-top: 15px;
	margin-bottom: 10px;
}
#container #main_image {
	width: 740px;
	background: #E6E6E6;
	height: 188px;
	margin-bottom: 7px;
}
#content #main .title_s {
	background: url(images/english/temp/title_back.jpg) repeat-x;
	margin: 0px;
}
#main .flame_title {
	background: url(images/temp/title_back_2.jpg) repeat-x;
	border: 1px solid #CCCCCC;
	margin: 0px;
}
#main #topics_head {
	font-size: 85%;
}
#right .flame_title {
background: url(images/temp/title_back_2.jpg) repeat-x;
	border: 1px solid #CCCCCC;
}
#right #right_info {
	margin-top: 0px;
	margin-bottom: 15px;
}
#right .side_list {
	padding: 10px;
	/*border: 1px solid #CCCCCC; */
}
#right .title_s {
	background: url(images/temp/title_s_back.jpg);
	padding: 5px 5px 5px 10px;
	margin-top: 15px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#main #topics_article {
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
#main_text p {
	text-align: justify;
}
#main_text .diagram {
	margin-bottom: 25px;
}
#main_text .biz {
	font-size: 110%;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 3px;
}
#main #topics_article h2 {
	font-size: 120%;
	background: #F5F5F5;
	padding: 5px;
	border-right: 5px #6699CC;
	border-top: 3px solid #6699CC;
	line-height: 130%;
	margin-bottom: 15px;
}
#main #topics_article .entry-meta {
	margin: 0px;
	font-size: 83%;
}
#main_text .diagram {
	text-align: center;
}
#main_text .emp {
	font-size: 110%;
	background-image: url(images/corporate/employment_title_f.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
}
#main_text .emp2 {
	background-image: url(images/corporate/employment_title_back.jpg);
	font-size: 110%;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#main #employ {
	margin-top: 15px;
	margin-bottom: 10px;
}
#main_text .emp_info .ye {
	background-image: url(images/corporate/employment_title_back1.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 110%;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#main_text .emp_info .gr {
	background-image: url(images/corporate/employment_title_back_2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 110%;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#main_text .emp_info .bl {
	background-image: url(images/corporate/employment_title_back_3.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 110%;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#main_text .bl {
	color: #789CE7;
}
/*6. メインコンテンツ　Officeページ*/

#main_text .office_name {
	margin-bottom: 7px;
	margin-top: 23px;
	border-left: 5px solid #8DB3D3;
	padding-left: 5px;
	font-size: 120%;
}
#content #map_main {
	width: 740px;
}
#map_main #map {
	height: 500px;
	width: 740px;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
#content #map_main #close {
	text-align: right;
	width: 740px;
	margin-bottom: 10px;
}
#main_text .indent {
	margin-left: 4.5em;
}
#map_main #main_text h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*7. サイドメニュー*/

#right #tel_nb {
	margin-bottom: 20px;
}
#right #side_menu ul {
	list-style: none;
	margin: 0px;
	width: 190px;
	padding: 0px;
}
#right #side_menu li {
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 5px solid #AFC6D3;
	background: url(images/temp/arrow.jpg) no-repeat 12px;
}
#right #side_menu .on {
	background: #DBE6EC url(images/temp/arrow.jpg) no-repeat 12px;
}
#right #side_menu .title {
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	background: url(images/temp/side_title_back.jpg) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#side_menu .title_s_maker {
width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	background: url(images/maker/title_s_back.jpg) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#side_menu .maker_side {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#side_menu .maker_side td {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: center;
}
#right #search {
	width: 188px;
	border: 1px solid #6699CC;
	background: #6699CC;
	margin-bottom: 5px;
	margin-top: 5px;
}
#right .search2 {
	width: 190px;
	background: #FFFFFF;
	margin-bottom: 20px;
}
#right .search2 form {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*8. テーブル*/


#main_text .corporate {
	line-height: 150%;
	margin: 0px;
}
#main_text .corporate th {
	border-top: 1px solid #CCCCCC;
	font-size: 90%;
}
#main_text .corporate td {
	border-top: 1px solid #CCCCCC;
}
#main_text .product th {
	border-top: 1px solid #CCCCCC;
	text-align: left;
	border-left: 1px solid #CCCCCC;
}
#main_text .product {
	border-bottom: 1px solid #CCCCCC;
}
#main_text .product td {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.maker th {
	text-align: center;
}
.maker td {
	border-top: 1px solid #CCCCCC;
}
.office th {
	text-align: center;
	font-size: 85%;
	border-bottom: 1px solid #CCCCCC;
}
.office td {
	border-bottom: 1px solid #CCCCCC;
}
#main_text .office {
	border-top: 1px solid #CCCCCC;
}
.corporate #member #post {
	float: left;
	margin-right: auto;
}
.corporate #member .name {
	float: left;
	margin-right: auto;
	margin-left: 15px;
}
.corporate #member {
	width: 300px;
}


/*9. コンタクトフォーム*/

#main_text .inquiry {
	border-top: 1px solid #CCCCCC;
	font-size: 83%;
}
#main_text .inquiry td {
border-bottom: 1px solid #CCCCCC;
}
#main_text .submit {
	text-align: right;
}

/*10. フッター*/

#footer #navi2 {
	overflow: hidden;
	_height: 1.5em;
	width: 600px;
	float: left;
	margin-right: auto;
	height: 25px;
}
#footer #to_top {
	float: right;
	width: 120px;
	margin-left: auto;
	text-align: right;
	margin-top: 5px;
	height: 25px;
}
#footer #navi2 ul {
	margin: 5px 0px 4px;
	padding: 0px;
}
#footer #clear {
	clear: both;
}
#footer #navi2 li {
padding:0 6px 0 7px;
display:inline;
border-left:1px
solid #999;
}
#footer #Copyright {
	width: 740px;
	border-top: 1px solid #999999;
	padding-top: 3px;
}

/*11. レイアウト補正*/

.clearfix:after {
	content:".";
	display:block;
	height:188px;
	visibility:hidden;
	background: #8EB6D9;
	width: 740px;
}
.clearfix {
	background: #C4DFF7;
	word-spacing: 740em;
}
#content #clear {
	clear: both;
}
.space_150 {
	height: 150px;
}

/*12. レイアウト修正
/*13. サイトマップ*/

.sitemap li {
}
.sitemap h4 {
	background: #F5F5F5;
	padding: 3px 3px 3px 6px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top: 1px solid #CCCCCC;
}
#main_text .sitemap {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 18px;
}
.sitemap h5 {
	font-weight: normal;
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 5px;
	font-size: 100%;
	background: url(images/sitemap/arrow.jpg) no-repeat;
	padding-left: 20px;
}

/* 引用 （081103山田追加）*/
div#main blockquote {
	color: #333333;
	background-color: #eeeeee;
	line-height: 140%;
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 3px;
	margin-left: 0;
	padding-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
/* （2008/11/17 山田追加）

 * スタイルシート仕様
 * 2008_10 株式会社ヤナギサワサイト　英語サイト用
 */

/* CONTENTS
 * 
 * 1. 基本要素
 * 2. デザイン主要
 * 3. 共通レイアウト＆フォーマット
 * 4. ヘッダー
 * 5. ナビゲーション
 * 6. メインコンテンツ
 * 7. サイドメニュー
 * 8. テーブル
 * 9. コンタクトフォーム
 * 10. フッター
 * 11. レイアウト補正
 * 12. レイアウト修正
 */

/* 1.基本要素*/

/*2. デザイン主要*/

/*3. 共通レイアウト＆フォーマット*/

/*4. ヘッダー*/

#header #title_corp_e {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/english/corporate/title_corporate.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_maker_e {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/english/maker/title_maker.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_item_e {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/english/item/title_item_list.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_inquiry_e {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/english/inquiry/image_inquiry.jpg) no-repeat;
	margin-bottom: 1px;
}
#header #title_sitemap_e {
	height: 69px;
	width: 500px;
	float: left;
	margin-right: auto;
	margin-top: 5px;
	background: url(images/english/sitemap/main_title.jpg) no-repeat;
	margin-bottom: 1px;
}
#header h1 {
	font-size: 90%;
	text-indent: -9999px;
	margin: 0px;
}

/*5. ナビゲーション*/

/*6. メインコンテンツ*/

/*7. サイドメニュー*/

/*8. テーブル*/

.item_list th {
	text-align: left;
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
}
.item_list td {
	border-top: 1px solid #CCCCCC;
}

/*9. コンタクトフォーム*/

/*10. フッター*/

/*11. レイアウト補正*/

/*12. レイアウト修正*/

#main_text .english_h3 {
	margin: 0px 0px 10px;
}
#main_text .flow th {
	text-align: center;
}
.red {
	color: #CC0000;
}
#main_text .flow {
	line-height: 125%;
}