/* ===================================================================
CSS information

 File Name  : default_style.css	
 Style Info : コンテンツとインデックス内の通常スタイル
=================================================================== */

/*全体のスタイル
----------------------------------------------------------- */
body { text-align:center; margin:0 auto;padding:0 auto;width:100%;margin-bottom:0;
font-size:0.8em;color:#333333;
font-family:'Times New Roman',Times,Georgia,"MS PMincho",HeiseiMincho,"Hiragino Mincho Pro W3",serif;
line-height: 1.2em;
text-align:justify;	}  



/* ------------ Pのスタイル */
p {
margin:0 auto;
padding:0 auto;
line-height:1.3em;
}
p img{
margin:0 auto;}


/* ------------ 画像のスタイル */
img {border-style:none;}
a:hover img{filter: alpha(opacity=55);  /* IE */
    opacity:0.55;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.55;           /* Firefox 0.9より前 */}


/* ------------ リンクのスタイル */
a {color:#333333;text-decoration:none;}

table {border-style:none;}
table th {font-weight:normal;}

/*ヘッダーのスタイル
----------------------------------------------------------- */
#header {height:132px;text-align:center;margin:0 auto;padding:0 auto;background-image: url("../images/background/back_img2.jpg");border-bottom:10px solid #0c0c0c;}
#header_inner {width:826px; margin:0 auto;height:132px;}

/* ------------ タイトル画像 */
#title { padding-top:1px;height:96px; background-position:bottom;width:181px;float:left;text-align:left;margin:0 auto;text-indent: -9999px;}
.isis_rogo {background-image: url("../images/isis_rogo.jpg");width:181px;height:96px;display: block;text-indent: -9999px;}


#title_right{width:630px;text-align:left;background-repeat:no-repeat;margin:0 auto; }

/* ------------ H1箇所 */
#title_right_top {height:30px;
background-image:url(../images/background/line_title_right.jpg);background-position:bottom;
background-repeat:no-repeat;font-size:0.8em;}
#title_right_top_h1{float:left;margin-top:5px;letter-spacing: 0.1em;}
#title_right_top_h1 h1 {font-weight:normal;font-size:1em;}
/* ------------ H1の右側・リンク箇所 */
#title_right_top_right{float:right;margin-top:5px;letter-spacing: 0.1em;}
#title_right_top_right a {color:#484743;}
#title_right_top_right a:hover{text-decoration: underline;}

/* ------------ 検索・バナー箇所ボックス */
#title_right_bottom {padding-left:40px;padding-top:11px;}


/* ------------ オンラインショップへのリンク箇所の左 */
#title_right_left {width:379px;float:left;text-align:right;padding-top:4px;margin-bottom:21px;}

/* ------------ オンラインショップへのリンク箇所 */
#title_right_bn {float:right;width:190px;}
.sitemap_bn {float:left;background-image: url("../images/sitemap.jpg");width:81px;height:29px;background-repeat:no-repeat;display: block;text-indent: -9999px;}
.online_bn {float:right;background-image: url("../images/online_shop.jpg");width:99px;height:29px;background-repeat:no-repeat;display: block;text-indent: -9999px;}

/* ------------ メニュー */
#menu{ float:right;text-align:left;width:630px; margin:0 auto;padding:0;}
#menubar {text-align:left;width:630px;margin:0;padding:0;}
#clear_menu{width:630px;margin:0 auto;}



/*メインコンテンツのスタイル
----------------------------------------------------------- */

/* ------------ コンテンツ背景 */
#content_back {padding-top:10px; text-align:center;width:100%; margin:0 auto;background-image: url("../images/background/back_img.jpg"); background-repeat:repeat-x;background-color:#FCFBF9;} 

/* ------------ コンテンツボックス */
#content_back_inner{background-color:#fff;text-align:left;width:826px;margin:0 auto;padding:0; background-image: url("../images/background/contents_line.jpg");background-repeat:no-repeat;} 

/* ------------ コンテンツと左サイドバーボックス */
#wrap { float:left;width:664px; margin:0 auto ; }
#sidebar { float:left; width:0px;  text-align:left;padding:50px 0 0 0 ;}   

/* ------------ 右サイドバー */
#wrap_right{float:right;width:162px;text-align:left;padding-top:0px;margin-top:54px;}


/* ------------ コンテンツボックス */
#content { float:right; width:664px; text-align:left;margin:0 auto;}  

/* ------------ ナビゲーションバー */
#nav {color:#ffffff;font-size:0.8em;padding-top:8px;margin-bottom:29px; margin-left:16px;letter-spacing: 0.1em;}
#nav a {color:#ffffff;}
#nav a:hover{color:#DB3550;}

/* ------------ 記事 */
#contents_inner {padding-top:9px ;padding-bottom:30px;margin-left:40px;width:560px;}



/*サイドバーのスタイル
----------------------------------------------------------- */
/* ------------ 右サイドメニュー */

#side_box{background:#fff;width:150px;display: block;}
#side_box h4 {font-size:1.1em;padding:9px;padding-left:0px;border-bottom:2px solid #333333;}
#side_box ul {  color: #fff;list-style: none;}

#side_box  li {background-color: #fff;padding:8;padding-left:0px;padding-right:13px;display: block;}
#side_box  li a {display: block;}

.contents_list_rogo {width:150px;height:40px;background-image: url("../images/rogo/contents_list.jpg");background-repeat : no-repeat;text-indent: -9999px;}
.contents_list  li a:hover {text-decoration: underline;}
.contents_list  li {margin:10px 0 10px 22px;font-size:0.87em;}
.contents_list {padding-bottom:7px;width:142px;margin-left:5px;}


/* ------------ Monthly Archivesメニュー */
#sidebar_rogo {background: url(../images/rogo/archive.jpg);background-repeat:no-repeat;width:150px;height:36px;background-repeat:no-repeat;text-indent: -9999px;}
.side_menu  { background-color: #fff;width: 150px;} 
.side_menu dl{ margin: 0 ; padding: 0; list-style: none; } 
.side_menu dt {padding-left:1px; display: block; height: 32px; line-height: 30px; color: #333333;} 
.side_menu ul { background-color: #fff;}
.side_menu li {padding:8px 12 8 15px;border-top:1px dotted #E8E4D6;display: block;padding-left:0px;}



/*H3のスタイル
----------------------------------------------------------- */

#list_b h3 a:hover , #list_s h3 a:hover {text-decoration: none;}
#list_b h3 a,#list_s h3 a{text-decoration: underline;}
#list_b h3 {font-size:1.3em;font-weight:normal;margin-bottom:14px;margin-top:8px;line-height: 1.6em;}
#list_s h3 {font-size:1em;line-height: 1.3;font-weight:bold;margin-bottom:5px;}


/*Up Dateのスタイル
----------------------------------------------------------- */
#update {padding-top:10px;text-align:center;}
#update_rogo {margin-bottom:8px;border-bottom:1px solid #E2E1DD;width:100%;height:27px;background-image: url("../images/rogo/update.jpg");background-repeat:no-repeat;text-indent: -9999px;}


/* ------------ List 大 */
#list_b_wrap{margin-top:7px ;width:545px;}
#list_b {padding-bottom:0px;}
#list_b div {padding:0px 0 0px 0;}
#list_b dl {clear:both;margin:0 auto;text-align:left;}
#list_b dt {float:left;background: #FDFDFD;border: 1px solid;border-color: #E2E1DD;}
#list_b dt img {margin:7px;}
#list_b dd {float:right;width:330px;padding:15px 0px 0px 0;line-height: 1.5em;}
#list_b div p {margin-top:8px;text-align:right;}	

/* ------------ List 小 */
#list_s{margin:0 auto;padding-top:5px ;}
.list_s_wrap {margin:0;}
#list_s dl {clear:both;}
#list_s dt {float:left;background: #FDFDFD;border: 1px solid;border-color: #E2E1DD;}
#list_s dt img {margin:5px;}
#list_s dd {line-height:1.2em;float:right;width:155px;padding-top:3px;margin-left:10px;text-align:left;}
#list_s div p {margin-top:4px;}
.list_right {width:260px;float:right;margin-bottom:15px;}
.list_left {width:260px;float:left;margin-bottom:15px;}

.category_link {color:#B0ACA4;font-size: 0.9em;font-style: italic;}
.category_link a {color:#B0ACA4;}
.category_link a:hover {color:#DB5E72;}
.date {font-size: 1em;font-style: italic;}



/*フッターのスタイル
----------------------------------------------------------- */
#footer {text-align:center;width:100%;margin:0 auto;padding:0 auto;
background:none repeat scroll 0 0 #0C0C0C;border-top:5px solid #C8C3B1;}
#footer_inner { width:826px;height:200px;margin:0 auto ;padding-top:30px;}
#footer_mainwrap {float:left;color:#efefef;margin:0 auto;width:826px;}

#footer_mainleft{float:left;width:0px;}
#footer_mainright{float:right;width:826px;text-align:left;}
#footer_mainright ul {list-style-type: none;line-height:1.9em;padding-top:7px;text-align:left;}
#footer_mainright a{color:#efefef;}
#footer_mainright a:hover{text-decoration: underline;}

#footer_left{height:200px;float:left;width:340px;padding-left:10px;background-image: url("../images/foot_back2.jpg");background-repeat:no-repeat;background-position:right top;}

#footer_left p {padding-top:7px;font-size:0.8em;letter-spacing:0.1em;text-align:left;}
#footer_right{height:100%;height:195px;float:right;width:450px;}

#footer_wrapright {float:right;width:152px;text-align:left;}

#footer_right1 {float:left;width:215px;background-image: url("../images/foot_back2.jpg");background-repeat:no-repeat;background-position:right top;}
#footer_right2 {float:right;width:200px;background-image: url("../images/foot_back2.jpg");background-repeat:no-repeat;background-position:right top;}
.production {width:137px;height:32px;background-image: url("../images/rogo/foot_pro.jpg");background-repeat:no-repeat;text-indent: -9999px;}
.submenu {width:137px;height:32px;background-image: url("../images/rogo/foot_sub.jpg");background-repeat:no-repeat;text-indent: -9999px;}

/* ------------ PAGE TOP */
#pagetop {width:795px;margin:0 10px 0px 13px ;border-bottom:solid #E2E1DD 1px;}
#pagetop_wrap{width:50px;margin:0 0px 2px 705px ;}
.pagetop_rogo {background: url(../images/rogo/pagetop.jpg);width:86px;height:23px;display: block;text-align:center; text-indent: -9999px;}
a.pagetop_rogo:hover{background-position:left bottom;}


/*その他のスタイル
----------------------------------------------------------- */
.clear { clear:both; }  
.clear hr { display:none; } 

.br {padding:10px;}
.br2 {padding:5px;}
.br3 {padding:7px;}
.br4 {padding:8px;}

.b{font-weight:bold;}

.contents_main {padding-top:5px;}
.contents_main p{line-height:1.5em;}

img.linkicon {margin-right:4px;}

/*サイト内検索のフォーム
----------------------------------------------------------- */
#searchform {float:right;
	width: 200px;
	background: url(../images/input.jpg) left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;}

#keywords	{
	width: 156px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FCFBF9;background:#FCFBF9;color:#333333;}

#searchBtn	{
	position: absolute;
	top: 3px;
	left: 174px;}


/*メールマガジンのフォーム
----------------------------------------------------------- */
#mailform {position: relative;height: 24px;}
#mailform2 {position: relative;height: 100px;}
#address{
        position: absolute;
        background: url(../images/input_mail.jpg) no-repeat;
	width: 200px;
	height: 24px;	
	border: none;
	padding: 5px;color:#333333;}

#address2{
        position: absolute;
        padding-top: 73px;
        background: url(../images/input_mail.jpg) no-repeat;
	width: 200px;
	height: 24px;	
	border: none;
	padding: 5px;color:#333333;}

#mailBtn	{
	position: absolute;
	top: 0;
	left: 210px;height: 24px;width: 63px;}

#mailBtn2	{
	position: absolute;
	papdding-top: 0px;
	left: 210px;height: 24px;width: 63px;}

img.middle {margin-right:8px;}