@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
	background: #cfe4ff;
	height:100%;
}
body/**/ {
	font-size: /**/small;
}
p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/
a,a:visited {
	color: #383f44;
}
a:hover {
	color: #383f44;
	text-decoration: none;
}
a img {
	border: none;
}
.clear{
	clear: both;
}
.clear hr{
	display: none;
}

.cl{
    display: inline-block;  
   }
/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper{

	background-color: #ffffff;
  	width: 900px;  /*横幅*/
	text-align:center;
	margin: auto;
}
/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header{
	text-align: left;
	width: 900px;
	height: 70px;
    background: url(../images/header3.jpg) no-repeat scroll 0 0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#header_l{
	width:170px;
	height:70px;
	float:left;
}
#header_r{
	margin-top:35px;
	float:right;
	width:730px;
}
/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ
+++++++++++++++++++++++++++++++++++++++++++*/

#gnavi_base {
	text-align: left;
	width: 900px;
	height: 20px;
}

#navi_l{
	float: left;
	width: 690px;
	height: 20px;
}
#navi_left_left{
float:left;
width:180px;
color:#af1e23;
font-weight:bold;
font-size:10px;
text-align:center;
padding-top:2px;
}

#navi_left{
	width: 496px;
	margin-left:194px;
}
    #navi_left ul {
	    list-style-type: none;
	    margin: 0px;
    }

        #navi_left ul li {
	        float: left;
	        height: 20px;
	        width: 124px;
        }

        #navi_left ul li a {
	        background: url(../images/navi.gif) no-repeat scroll 0 0;
	        height: 20px;
	        display: block;
	        width: 124px;
        }

        #navi_left ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #navi_left ul li.news a {background-position: 0px 0px;}
        #navi_left ul li.syo a {background-position: -124px 0px;}
        #navi_left ul li.maga a {background-position: -248px 0px;}
        #navi_left ul li.about a {background-position: -372px 0px;}
        #navi_left ul li.news a:hover {background-position: 0px -20px;}
        #navi_left ul li.syo a:hover {background-position: -124px -20px;}
        #navi_left ul li.maga a:hover {background-position: -248px -20px;}
        #navi_left ul li.about a:hover {background-position: -372px -20px;}



#navi_right{
	width:200px;
	float: right;
	text-align: left;
}

/*+#navi_right li{
	    display: inline;
	    padding: 0px 8px 0px 5px;
    }+*/


    #navi_right ul.in {
	    list-style-type: none;
	    margin: 0px;
    }

        #navi_right ul.in li {
	        float: left;
	        height: 20px;
	        width: 100px;
        }

        #navi_right ul.in li a {
	        background: url(../images/rogin.gif) no-repeat scroll 0 0;
	        height: 20px;
	        display: block;
	        width: 100px;
        }

        #navi_right ul.in li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #navi_right ul.in li.login a {background-position: 0px 0px;}
        #navi_right ul.in li.sinki a {background-position: -100px 0px;}
        #navi_right ul.in li.login a:hover {background-position: 0px -20px;}
        #navi_right ul.in li.sinki a:hover {background-position: -100px -20px;}


    #navi_right ul.out {
	    list-style-type: none;
	    margin: 0px;
    }

        #navi_right ul.out li {
	        float: left;
	        height: 20px;
	        width: 100px;
        }

        #navi_right ul.out li a {
	        background: url(../images/rogout.gif) no-repeat scroll 0 0;
	        height: 20px;
	        display: block;
	        width: 100px;
        }

        #navi_right ul.out li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #navi_right ul.out li.mypage a {background-position: 0px 0px;}
        #navi_right ul.out li.logout a {background-position: -100px 0px;}
        #navi_right ul.out li.mypage a:hover {background-position: 0px -20px;}
        #navi_right ul.out li.logout a:hover {background-position: -100px -20px;}



/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/
#main{
	text-align: left;
	margin: auto;
	width: 900px;
	background: url(../images/bg.gif) repeat-y center;
}

/*++++++++++++++++++++++++++++++++++++++++++
ＴＯＰ左(バナー)
+++++++++++++++++++++++++++++++++++++++++++*/
#main_left{
	float: left;
	width: 185px;
	text-align:center;
}

/*ログイン部分*/
#main_left .login{
	width:175px;
	background:#d6dfe5;
	padding:5px;
	_padding:4px;
	font-size:10px;
}

#main_left .login ul.in {
	    list-style-type: none;
	    margin: 0px;
    }

        #main_left .login ul.in li {
	        float: left;
	        height: 74px;
	        width: 170px;
        }

        #main_left .login ul.in li a {
	        background: url(../images/login.gif) no-repeat scroll 0 0;
	        height: 74px;
	        display: block;
	        width: 170px;
        }

        #main_left .login ul.in li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #main_left .login ul.in li.login a {background-position: 0px 0px;}
        #main_left .login ul.in li.login a:hover {background-position: -170px 0px;}

#main_left .login .right2{
	text-align:				right;
	padding-right:			5px;
	padding-top:			10px;
}
#main_left .login ul.out {
	    list-style-type: none;
	    margin: 0px;
    }

        #main_left .login ul.out li {
	        float: left;
	        height: 74px;
	        width: 170px;
        }

        #main_left .login ul.out li a {
	        background: url(../images/login2.gif) no-repeat scroll 0 0;
	        height: 74px;
	        display: block;
	        width: 170px;
        }

        #main_left .login ul.out li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #main_left .login ul.in li.logout a {background-position: 0px 0px;}
        #main_left .login ul.in li.logout a:hover {background-position: -170px 0px;}


#main_left .login ul.mypage {
	    list-style-type: none;
	    margin: 0px;
		padding-left:80px;
		_padding-left:65px;
		padding-top:3px;
    }

        #main_left .login ul.mypage li {
	        float: rigth;
	        height: 20px;
	        width: 80px;
        }

        #main_left .login ul.mypage li a {
	        background: url(../images/mypage2.gif) no-repeat scroll 0 0;
	        height: 20px;
	        display: block;
	        width: 80px;
        }

        #main_left .login ul.mypage li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #main_left .login ul.mypage li.my a {background-position: 0px -20px;}
        #main_left .login ul.mypage li.my a:hover {background-position: 0px 0px;}


/*ナビ部分*/
#main_left .navi{
	width:185px;
}
#main_left .navi ul{
	    list-style-type: none;
	    margin: 0px;
    }

        #main_left .navi ul li {
	        float: left;
	        height: 37px;
	        width: 185px;
        }

        #main_left .navi ul li a {
	        background: url(../images/navi3gif.gif) no-repeat scroll 0 0;
	        height: 37px;
	        display: block;
	        width: 185px;
        }

        #main_left .navi ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #main_left .navi ul li.news a {background-position: 0px 0px;}
        #main_left .navi ul li.about a {background-position: 0px -37px;}
        #main_left .navi ul li.syo a {background-position: 0px -74px;}
        #main_left .navi ul li.catalog a {background-position: 0px -111px;}
        #main_left .navi ul li.contact a {background-position: 0px -148px;}
        #main_left .navi ul li.maga a {background-position: 0px -185px;}
        #main_left .navi ul li.news a:hover {background-position: -185px 0px;}
        #main_left .navi ul li.about a:hover {background-position: -185px -37px;}
        #main_left .navi ul li.syo a:hover {background-position: -185px -74px;}
        #main_left .navi ul li.catalog a:hover {background-position: -185px -111px;}
        #main_left .navi ul li.contact a:hover {background-position: -185px -148px;}
        #main_left .navi ul li.maga a:hover {background-position: -185px -185px;}

#main_left .con{
	width:185px;
}
#main_left .con img{
	padding-top:5px;
	margin-bottom:5px;
}

 
/*++++++++++++++++++++++++++++++++++++++++++
ＴＯＰ右
+++++++++++++++++++++++++++++++++++++++++++*/

#main_right{
	float: right;
	text-align: left;
	width: 715px;
	_width: 714px;
	min-height:1px;　/* IE 7対策 */
}

    #main #main_right h2{
        height: 30px;
        width: 705px;
        _width: 695px;
        font-size: 16px;
        padding: 5px 0px 0px 10px;
        border-bottom:1px #000000 solid;
    }

    #main #main_right h2 .con{
        float: right;
        margin-right: 10px;
    }
/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ログイン)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .login-area{
	padding-bottom: 10px;
	margin-left: 30px;
	_margin-left: 15px;
}

    #main .login-area .login-box{
	    color: #000000;
	    background: #ffffff;
	    padding: 10px 0px 10px 0px;
	    }
	    
    	#main .login-area .login-box .login-box-left{
	        float: left;
	        width: 300px;
	        }
    	
        #main .login-area .login-box .login-box-right{
	        float: right;
	        margin-right: 50px;
	        padding-top: 10px;
	        width: 300px;
	        }
    #main .login-area dl {
	    margin: 5px 7px 9px 5px;
	    padding-bottom: 9px;
    }

    #main .login-area dl dt {
	    float: left;
	    width: 100px;
    }

    #main .login-area dl dd {
	    margin-left: 60px;
    }

    #main .login-area .bottan{
        margin-left:70px;
        width:220px;  
        margin-bottom:10px; 
    }

    #main .login-area table{
	    margin: 0px 7px 9px 5px;
	    padding-bottom: 9px;
    }

    #main .login-area .login-box .new{
	    margin-top:10px;
		border-top:1px solid #DD0000;
		padding-top:20px;
		margin-right:20px;
	    }

	#main .login-area table.toku{
		border: 1px #E3E3E3 solid;
		border-collapse: collapse;
		border-spacing: 0;
	}
		#main .login-area table.toku th{
		border: #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		padding:5px 10px;
	}
	
		#main .login-area table.toku td {
		border: 1px #E3E3E3 solid;
		border-width: 0 0 1px 1px;
		padding:5px 10px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ニュース、会員ニュース)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .news-area{
    margin: 20px 10px;
	padding-bottom: 10px;
}
    #main .news-area dl {
	    margin: 0px 5px 10px 5px;
	    border-bottom: 1px dashed #CCCCCC;
	    padding-bottom: 10px;
        }
        #main .news-area dl dt {
	        float: left;
	        width: 103px;
        }
        #main .news-area dl dd {
	        margin-left: 103px;
        }
    #main #main_right .news{
        margin: 20px 10px;
        _margin: 20px 5px;
        }
        #main #main_right .news dl {
	        margin: 0px 5px 10px 5px;
	        padding-bottom: 10px;
            }
            #main #main_right .news dl dt {
	            float: left;
	            width: 103px;
            }
            #main #main_right .news dl dd {
	            margin-left: 103px;
            }
            #main #main_right .news .text_box{
	            font-size: 11px;
	            _font-size: 10px;
	            color: #222222;
	            padding-left: 10px;
	            padding-right: 10px;
	            line-height: 15px;
	            font-family: 'ＭＳ Ｐゴシック',"qMmpS Pro W3", "lr oSVbN", Osaka, Arial, Helvetica, Verdana,  sans-serif;
	            margin-bottom: 20px;
            }
    #main .news ul {
        margin:0px 20px;
        _margin:0px 10px;
        }
        
        #main .news ul li {
	        list-style: none;
	        color: #383f44;
	        height: 15px;
	        padding-left: 20px;
	        padding-bottom: 5px;
	        border-bottom: 1px dashed #AAAAAA;
	        background: url(../images/list2.gif) no-repeat 0px 3px;
	        list-style-type: none;
	        margin-bottom: 5px;
        }

/*++++++++++++++++++++++++++++++++++++++++++
会員登録
+++++++++++++++++++++++++++++++++++++++++++*/

#main .member-box{
	color: #000000;
	background: #ffffff;
	padding: 10px 0px 10px 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	}
	
    #main .member-box table {
        width: 650px;
        border-spacing: 0;
        border-collapse: collapse;
	    margin-top: 20px;
        }
	
        #main .member-box th {
            background-color: #eeeeee;
            width: 130px;
            padding: 4px 7px;
            border: 1px solid #dddddd;
            }
        	
        #main .member-box td {
            border: 1px solid #dddddd;
            padding: 4px 7px;
            }
	
    #main .member-box .bottan{
        margin-left: 450px;
        width: 220px;   
        padding-top: 10px;
    }

    #main .member-box form{
		display:                   inline;
 		margin:                    0;
 		padding:                   0;}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(サイトマップ部分)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .map-area{
	padding-bottom: 10px;
}
    #main .map-area .map{
	    color: #000000;
	    background: #ffffff;
	    padding: 10px;
	    margin-left: 30px;
	    margin-right: 30px;
	    }	
    #main .map-area li{
	    background: url(../images/list2.gif) no-repeat 0px 3px;
	    padding-left: 15px;
	    margin-bottom: 5px;
	    list-style-type: none;
    }
    #main .map-area .text_box{
	    font-size: 11px;
	    _font-size: 10px;
	    color: #222222;
	    padding-left: 10px;
	    padding-right: 10px;
	    line-height: 24px;
	    font-family: Osaka, Arial, Helvetica, Verdana,  sans-serif;
	    margin-bottom: 20px;
    }
    #main .map-area .map dd{
	    padding-bottom: 10px;
	    }

	#main .map-area .map h4{
		widht:400px;
		border-bottom:1px solid;
		margin:10px;
		font-size:14px;
		color:#DD0000;
	}
	
/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(カタログ資料部分)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .catalog-area{
	padding-bottom: 10px;
}
    #main .catalog-area .catalog{
	    color: #000000;
	    background: #ffffff;
	    padding: 10px;
	    margin-left: 30px;
	    margin-right: 30px;
	    }	
	#main .catalog-area ul{
		list-style:none;
		margin-top:10px;
	}
    #main .catalog-area li{
	    padding-left: 15px;
		margin-top:10px;
	    margin-bottom: 5px;
	    list-style-type: none;
    }
    #main .catalog-area li label{
		color:#ad0c08;
		margin-right:5px;
    }

/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/
#foot_body{
	text-align: center;
	width: 900px;
    color: #FFFFFF;
	height: 20px;
	font-size: 14px;
	margin:0px;
	background: #284370;
}

#footer-navi {
	width: 900px;
	padding:                5px 0px;
	clear:                  both;
	text-align:             center;
	color:                  #FFFFFF;
	background: #284370;
}

    #footer-navi ul {
	    list-style-type:        none;
	    font-size:              x-small;
    }
        #footer-navi ul li{
	        padding:                0px 4px 0px 10px;
	        display:                inline;
	        white-space:            nowrap;
        }

        #footer-navi ul li a {
	        color:                  #ffffff;
	        text-decoration:        none;
        }

        #footer-navi ul li a:hover {
	        color:                  #ffffff;
        }


/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align:				right;
	padding-right:			10px;
	padding-top:			10px;
}

.center{text-align:			center;}

/*+font+*/
.bold{font-weight:			bold;}
.c_w{color:					#FFFFFF;}
.c_b{color:					#000000;}
.c_bl{color:				#06a6ff;}
.c_r{color:				    red;}
.f_s11{font-size:			11px;}

/*+border+*/
.b{border:					1px solid #ccc;}
.b2{border:					1px solid #0094a0;}

/*+padding+*/
.pd3{padding:		    	3px;}
.pd_t3{padding-top:		    3px;}
.pd5{padding-left:			5px;}
.pd20{padding-left:         20px;}
.pd150{padding-left:		150px;}
.pd7{padding:	    		7px;}
.pd10{padding:	    		10px;}

/*+background+*/
.bg_g{background:			#0094a0;}
.bg_bc{background:			#000000;}

/*+width+*/
.w50{width:                 50px;}
.w80{width:                 80px;}
.w100{width:                100px;}
.w150{width:                150px;}
.w170{width:				170px;}
.w180{width:				180px;}
.w200{width:				200px;}
.w300{width:                300px;}
.w410{width:				410px;}
.w440{width:				440px;}
.w450{width:				450px;}
.w541{width:				541px;}
.w544{width:				544px;}
.w540{width:				540px;}
.w700{width:				700px;}
.w740{width:				740px;}

/*+height+*/
.h100{height:               100px;}

/*+float+*/
.float_l{float:             left;}
.float_r{float:             right;}

/* ベリーショート */
#main input.text_ss
{
	width:60px;
	padding:2px;
	border:1px solid #7f9db9;
}

/*短いテキストボックス*/
input.text_s{
	width:120px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*数字用テキストボックス*/
input.number{
	width:70px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
	text-align:right;
}

/*中くらいテキストボックス*/
input.text_m{
	width:200px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

/*ちょっと長いテキストボックス*/
input.text_ml{
	width:300px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*長いテキストボックス*/
input.text_l{
	width:460px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

textarea
{
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

v_a{
vertical-align:bottom;
}

.faqtext{padding: 5px 0 5px 0;}