﻿<!--

/* フォント基本スタイル---------------------------------------------*/

 div#font80gc {text-align:center;color:#444444;font-size:8.0pt;line-height:1.5em;} /*本文グレー中央*/ 
 div#font85gc {text-align:center;color:#444444;font-size:8.5pt;line-height:1.5em;} /*本文グレー中央*/ 
 div#font90gc {text-align:center;color:#444444;font-size:9.0pt;line-height:1.5em;} /*本文グレー中央*/ 

 div#font90b2 {padding:2px;text-align:left;color:#0000FF;font-size:9.0pt;line-height:1.3em;} /*本文青色ー左寄せ行間1.2*/ 
 div#font90g2 {margin-left:8px; 3px;text-align:left;color:#717171;font-size:9.0pt;line-height:1.2em;} /*本文グレー色ー左寄せ行間1.2*/ 

img.right {float:right}

<!--

/* 基本スタイル---------------------------------------------*/

body {
　　　font-size: 12px; 
      line-height:0; 
　　　color: #333333; 
　　　background-color: #FFFFFF; } 

a:link {color:#0000ff } 
a:visited {color:#0000ff } 
a:hover {color:#ff5555 } 

img {border: none; } 

* {margin:0; padding:0; font-size:100% ; font-weight:normal;}
 
/* 固定3段組レイアウト外枠　　-----------------------------------*/

#wrapper {
        margin: 5px 0px 0px 5px;
        width: 805px; 
        background-color: #ffffff; 
} 

/* 可変情報表示枠線   -----------------------------*/

#contentWrapper {
        position:relative;
        top:0;
        left:140;
        width:660px;
        margin:0px 0px 0px 5px ;
        border-left: 0px solid #CCCCCC;
}


/* 固定　header　------------------------------------------*/

#header {
        background-color: #ffffff; 
        padding:0px 0px 0px 0px; 
        line-height:1.5; 
        height:119px;
} 

/* 固定　Top　Index（Glovalnavi）--------------------------*/

#globalNav {
　　　　position:absolute;
	overflow: auto !important;
	overflow /**/: hidden;
        z-index:2;
　　　　top:105px;
        left:140px;
	width:668px;
	background: #E8E8E8 url(../images/globalnav_bg.gif) left top repeat-x;
	border-bottom: 3px solid #CCCCCC; 
} 

#globalNav li {
	float: left;
	width: 6em;
	border-right: 1px solid #CCCCCC; 
} 

#globalNav li a {
	display: block;
	width: 100%;
	line-height: 1.5em;
	color: #e8e8e8e;
	text-decoration: none;
	text-align: center;
	background: #E8E8E8 url(../images/globalnav_abg.gif) 0 0 repeat-x; 
} 

#globalNav li a:hover {
	color: #FFFFFF;
	background: #1E9C1B url(../images/globalnav_abg.gif) 0 -100px repeat-x; 
} 

/* 固定 左 Indexleft  ---------------------------------------------*/

#indexleft {    
        position:absolute;
        top:124px;
        left:5px;
        z-index:0;
        float: left;		
        width: 135px;
        line-height:1.4; 
        background:#FFFFFF url(../images/side01.gif) left repeat-y left top; 
} 

#indexleft .list {
	margin-bottom:0px; 
} 

#indexleft .list li {
	margin: 0px 12px 0px 5px;
	padding-left: 5px ;
	border-bottom: 1px solid #CCCCCC; 
} 

#indexleft .list li a {
	text-decoration: none;
} 

#indexleft .list2 {

} 

#indexleft .list2 li {
	padding-left: 5px ;
} 

#indexleft .list2 li a {
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC; 
        width: 110px; 
} 

#indexleft .list2 h2 {
　　　　font-weight: 500;
        margin: 3px 0px 3px 0px ;
        color: #ffffff;
        background: #009700 url(../images/list_marker_red.gif) left center no-repeat;
        border-bottom:0px solid #7D7D7D;
        border-right: 0px solid #7D7D7D;
        width: 122px; 
} 

#indexleft .list2 h2 a {
 　　　 padding:4px 0px 0px 10px;
        color:#ffffff;
        display: block;
        background: #009700 url(../images/list_marker_white.gif) left center no-repeat; 
        width: 122px !important;
        text-decoration: none;
} 

#indexleft .list2 h2 a:hover { 
       color: #FF8080; 
       background-image: none; 
       background-color: transparent; 
} 

#indexleft .list2 h3 {
　　　　padding: 2px 10px;
        margin:5px 0px;
	color: #FFFFFF;
	background-color: #0DAA00; 
        width: 122px;
} 

#indexleft .list2 h4 {
        margin:5px 0px;
} 

/* 固定　右案内　商品内容（詳細） --------------------------------------*/

#advertisement {
        position:absolute;
        top:614px;
        left:515px;
	font-size:10.8px;
        line-height:1.4;
	width:140px;
        margin-left: 0px; 
	text-align:left; 
        background-color:#ffffff; 
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 2px solid #B3B3B3;
	border-right: 2px solid #B3B3B3;
} 

#advertisement h1 { 
	font-size: 12px;
	font-weight: 500;
        padding:0px 0px 0px 3px;
	color: #ffffff;
        border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #ffffff;
        background:url(../images/indexhaikei140.gif) left repeat-y ;
        width:140px; 
	text-align:left; 


} 

#advertisement .sirease h2 {
        font-size: 10.5px;
	font-weight: 500;
        padding: 1px 0px 1px 5px;
        color: #575757;
　　　　background-color: #F3F3F3;
	border-left: 10px solid #66A5DD;
	border-bottom: 1px solid #7D7D7D;
	border-right: 1px solid #7D7D7D;
        width: 140px;
　　　　text-decoration: none;
}

#advertisement .sirease ul {
        margin:0; 
        padding:0 ;
        border-top:1px solid #CCCCCC; 
　　　　text-decoration: none;
} 

#advertisement .sirease li {
       margin: 0;
       padding: 0;
       border-bottom: 1px solid #CCCCCC; 
       background: #9A9A9A url(../images/list_marker_white.gif) left center no-repeat; /* 背景色の設定------------------------------*/
　　　 padding:0px 0px 0px 0px;
} 

#advertisement .sirease li a {
        padding: 3px 0 3px 10px; 
        background: #ffffff url(../images/list_marker_red.gif) left center no-repeat;
        display: block;
        width: 140px !important;
        color: #6A6A6A;        /* 表示文字色の設定------------------------------*/
        text-decoration: none; 
} 	

#advertisement .sirease a:hover { 
       color: #FFFFFF; 
       background-image: none; 
       background-color: transparent; 
} 

/* Footer------------------------------------------*/

#footer {
        clear:both;
        padding: 0px 0px;
        width:805px;
        z-index:3;
        margin:0px 0px;
        line-height:1.8; 
	border-top: 3px solid #CCCCCC;
	text-align: center; } 

/* 可変情報　10周年記念画像 ------------------------*/

#content10nen {
         float:left;
　　 　　width:500px; 
         margin: 10px 0px 0px 0px ;
       　border-right:2px solid #E6E6E6;
         border-bottom:2px solid #E6E6E6;
} 

/* 可変情報　記事表示  -----------------------------*/

#content {
         position:relative;
 　　　　float:left;
　　 　　width:450px;
         margin:10px 0px 0px 0px ;
         line-height:1.5; 
} 


/* 可変情報　左側　新着情報インフレーム-------------------*/

#contentleft {
         float:left;
　　 　　width:240px;  
         padding: 0px 0px 3px 0px; 
       　border-right:2px solid #E6E6E6; 
         border-bottom:2px solid #E6E6E6; 
} 

#contentleft01 {
         float:left;
         font-size: 10.5px;
	 color: #919191;
　　 　　width:240px; 
         line-height:1.3; 
         padding: 0px 1px 3px 0px; 
　　　　 background-color:#EFEFEF;
       　border-top:2px solid #E6E6E6;
         border-right:2px solid #919191;
       　border-left:2px solid #E6E6E6;
         border-bottom:2px solid #919191;
} 

#contentleft h1 {
	font-size: 12px;
	font-weight: 500;
	padding: 1px 1px;
	color: #ffffff;
        border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #ffffff;
        background:url(../images/indexhaikei.gif) left repeat-y ;
        width: 250px; 
	text-align:left; 
} 

#contentleft p {
	font-size: 12px;
	font-weight: 500;
	padding: 1px 1px 1px 12px;
        color:#333333;
        width:250px; 
        background: url(../images/arrow.gif) left center no-repeat;
	text-align:left; 
        border-right:1px solid #E6E6E6;
        border-bottom:1px solid #D7D7D7;
} 

div.kiji {
        font-size: 12px;
	color: #333333;
        font-weight: 500;
        margin: 0px 0px 0px 15px;
        width:200px;
        text-align:left; 
        border-right:1px solid #E6E6E6;
        border-bottom:1px solid #E6E6E6;
} 

div.link {
        font-size: 12px;
	color: #FF6820;
        border-right:1px solid #E6E6E6;
        border-bottom:1px solid #E6E6E6;
        font-weight: 500;
        margin: 0px 0px 0px 5px;
        width:220px;
        text-align:left; 
        line-height:1.5; 

} 

/* 可変情報　右側下側の画像案内フレーム-------------------*/

#contentleft02 {
         position:relative;
         left:0px;
         font-size: 10.5px;
	 color: #919191;
　　 　　width:656px; 
         line-height:1.3; 
         padding: 0px 0px 0px 1px; 
　　　　 background-color:#EFEFEF;
       　border-top:2px solid #E6E6E6;
         border-right:2px solid #919191;
       　border-left:2px solid #E6E6E6;
         border-bottom:2px solid #919191;
} 


/* 可変情報　右側　新着情報フレーム-------------------*/

#contentright {
         position:absolute;
         top:0;
         left:265;
         float:right;
　　 　　width:235px; 
         padding: 0px 0px 3px 0px; 
       　border-right:2px solid #E6E6E6;
         border-bottom:2px solid #E6E6E6;
} 

#contentright01 {
         float:left;
         font-size:10.5px;
         color: #919191;
         width:235px;
         line-height:1.3;
         padding: 0px 1px 3px 0px; 
　　　　 background-color:#EFEFEF;
       　border-top:2px solid #E6E6E6;
         border-right:2px solid #919191;
       　border-left:2px solid #E6E6E6;
         border-bottom:2px solid #919191;
} 

#contentright h1 {
	font-size: 12px;
	font-weight: 500;
	padding: 1px 1px;
	color: #ffffff;
        background:url(../images/indexhaikei.gif) left repeat-y ;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #ffffff;
        width: 240px; 
	text-align:left; 
} 


/* content　mainの本文スタイル---------------------------------------------*/

#contentmain {
        clear:both;
	font-size:12px; 
        line-height:1.5;
	width:600px;
　　　　background-color: #ffffff;
        margin-left: 20px; 
	text-align:left; 
} 

#contentmain h1 { 
	padding: 3px 10px;
	color: #000080;
        margin: 20px 0px 20px 0px ;
　　　　background-color: #EEFFEE;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-bottom: 3px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
        width: 600px; 
	text-align:left; 
} 


#contentmain h2 {
	font-weight: 500;
        padding: 3px 10px;
	color: #000080;
　　　　background-color: #F3F3F3;
	border-left: 10px solid #2D78BF;
	border-bottom: 1px solid #CCCCCC;
        width: 600px;
}

#contentmain .list h2 {
	font-weight: 500;
        padding: 3px 10px;
	color: #000080;
　　　　background-color: #DDEEFF;
	border-left: 10px solid #2D78BF;
	border-bottom: 1px solid #CCCCCC;
        width: 600px;
}

#contentmain .list h3 {
        margin: 10px 0px 10px 20px;
        padding: 0px 10px;
　　　　background-color: #E0E0E0;
        color:#0000FF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#contentmain .list h4 {
        color:#C24943;
}

#contentmain .list p {
        margin: 10px 0px 20px 30px ;
        color:#393939;
}


#contentmain .list ol {
        margin: 5px 0px 5px 70px ;
        color:#393939;
}

#contentmain .list li {
        color:#0000FF;
	border-bottom: 1px solid #CCCCCC;
}

#contentmain p{
        clear:both;
	font-size:12px; 
        line-height:1.5;
        margin-left: 10px; 
        padding:0px 10px 0px 0px; 
	text-align:left; 
	text-indent:1em; 
}



#contentmain table{
        table-layout:auto;
        line-height:1.5;
} 

#contentmain sample li{
  display:list-item;
  zoom:normal;
} 

#contentmain td {padding: 3px 5px 2px 5px; } /*-- 他で使用---*/
#contentaa {margin: 10px 10px 10px 30px; }  /*-- 他で使用---*/

#contentbb {
            padding: 5px 5px 5px 10px; 
}

#contentbb h1 {
　　　　background-color: #EEFFEE;
	border-bottom: 1px solid #CCCCCC;
　　　　list-style:none;
}

#contentbb p {background-color:#FFFFDF；text-align:left;} 


#contentbb ol {margin-left: 15px; } 

#contentbb li {
        margin-left: 0px;
	border-bottom: 1px solid #CCCCCC;
} 

#contentcc { margin: 0px 0px 0px 20px; } 

#contentmain01 {
        float:left;
        clear:both;
	font-size:12px; 
        line-height:2.0;
	width:180px;
　　　　background-color: #ffffff;
        margin-left: 3px; 
	text-align:left; 
} 

#contentmain01 pre {
	font-weight: 500;
        padding: 0px 10px;
	color: #000080;
　　　　background-color: #F3F3F3;
	border-left: 10px solid #00D5D5;
	border-bottom: 1px solid #CCCCCC;
        width: 180px;
}

#contentmain01 .list3 h2 {
        margin: 3px 0px 3px 5px;
        padding: 0px 0px 0px 20px;
　　　　background-color: #F5F5F5;
        color:#0000FF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
        width: 170px;
        background: url(../images/arrow.gif) left center no-repeat;
}

/*content02------------02*/ 

#contentmain02 {
        float:left;
	font-size:12px; 
        line-height:2.0;
	width:180px;
　　　　background-color: #ffffff;
        margin-left: 20px; 
	text-align:left; 
} 

#contentmain02 pre {
	font-weight: 500;
        padding: 0px 10px;
	color: #000080;
　　　　background-color: #F3F3F3;
	border-left: 10px solid #FF9F71;
	border-bottom: 1px solid #CCCCCC;
        width: 180px;
}

#contentmain02 .list3 h2 {
        margin: 3px 0px 3px 5px;
        padding: 0px 0px 0px 20px;
　　　　background-color: #F5F5F5;
        color:#0000FF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
        width: 170px;
        background: url(../images/arrow.gif) left center no-repeat;
}

/*content03------------03*/ 

#contentmain03 {
        float:right;
        clear:both;
	font-size:12px; 
        line-height:2.0;
	width:180px;
　　　　background-color: #ffffff;
        margin-left: 3px; 
	text-align:left; 
} 
#contentmain03 pre {
	font-weight: 500;
        padding: 0px 10px;
	color: #000080;
　　　　background-color: #F3F3F3;
	border-left: 10px solid #00A200;
	border-bottom: 1px solid #CCCCCC;
        width: 180px;
}

#contentmain03 .list3 h2 {
        margin: 3px 0px 3px 5px;
        padding: 0px 0px 0px 20px;
　　　　background-color: #F5F5F5;
        color:#0000FF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
        width: 170px;
        background: url(../images/arrow.gif) left center no-repeat;
}

#annai { position:absolute;
         top:270px;
         left:515px;
	 color: #848484;
　　 　　width:140px; 
         line-height:1.3; 
　　　　 background-color:#F3F3F3;
       　border-top:1px solid #E6E6E6;
         border-right:2px solid #C8C8C8;
       　border-left:2px solid #E6E6E6;
         border-bottom:2px solid #C8C8C8;
} 

#annai h1 {
	font-size: 12px;
	font-weight: 500;
        padding:0px 0px 0px 3px;
	color: #ffffff;
        border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #ffffff;
        background:url(../images/indexhaikei140.gif) left repeat-y ;
        width:140px; 
	text-align:left; 
}

#annai h2 {
             font-size:12px;
	     color: #FF6820;
             font-weight: 500;
             margin: 0px 0px 0px 3px;
             width:135px;
             text-align:left;
}

#annai p {
            font-size:10.5px;
            border-bottom:1px solid #E6E6E6;
            padding: 0px 0px 0px 10px;
            width:135px;
            text-align:left;
            line-height:1.3;
}

#annai2 { position:absolute;
         top:10px;
         left:515px;
	 color: #848484;
　　 　　width:140px; 
         line-height:0; 
　　　　 background-color:#F3F3F3;
       　border-top:1px solid #E6E6E6;
         border-right:1px solid #C8C8C8;
       　border-left:1px solid #E6E6E6;
         border-bottom:1px solid #C8C8C8;
} 

