@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,table,pre,address,ul,ol,dl{font-size: 135%}

h2{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
border-bottom:1px dotted #ccc;
color:#333;
font-size:190%;
font-weight:bold;
margin:0 0 20px;
padding:10px}

h2.note{margin:0}

h3{
background:url(../img/sec_h4bg.jpg) no-repeat;
color:#333;
font-size:160%;
font-weight:bold;
margin:0 0 20px;
padding:8px 10px 8px 15px}

h3.note{
background:none;
border:none;
padding:0}

h4{
background:url(../img/sec_h5bg.jpg) no-repeat 0 3px;
color:#333;
font-size:140%;
font-weight:bold;
margin:0 0 20px;
padding:2px 0 2px 15px}

h4.note{
background:none;
border:none;
padding:0}

h5{
background:url(../img/sec_h5bg.jpg) no-repeat 0 3px;
color:#333;
font-size:140%;
font-weight:bold;
margin:0 0 20px;
padding:2px 0 2px 15px}

a{color:#333;text-decoration:underline}
a:hover,
a:active{text-decoration:none}

ul{margin:0 0 20px}

li{
background:url(../img/icon03.jpg) no-repeat 0 7px;
padding:0 0 0 10px}

dl{margin:0 0 20px}
dt{font-weight:bold}
dd{}

#content table{
border:1px solid #ccc;
border-top:3px solid #D0191C;
margin:0 0 20px;
width:100%}

#content th{
background:#F9FAF5;
border-bottom:1px dotted #A4A4A4;
color:#333;
font-weight:bold;
padding:8px 10px;
white-space:nowrap;
width:1%}

#content .mailform th{
font-weight:bold;
white-space:normal;
width:150px}

#content td{
border-bottom:1px dotted #A4A4A4;
border-left:1px solid #ccc;
padding:8px 5px}

#content th.firstChild,
#content td.firstChild{border-top:none}

.mailform td ul li,
.mailform td ol li{
background:none}

td ul{margin:0}

#content table.col th.top{
border-left:1px dotted #A4A4A4;
color:#333}

div.fig,
div.banner{
margin:0 0 20px;
text-align:center}

iframe,
div.lead{margin:0 0 20px}

p,
div.adr{margin:0 0 20px}

img{vertical-align:bottom}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body{
background:url(../img/com_bodyBg.jpg) repeat-x 50% 0;
color: #666;
text-align: center}

#wrapper{
background:url(../img/com_bodyBg.jpg) repeat-x 50% 0;
margin:0 auto;
padding:0;
text-align:center;
width:900px}

#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main{
display:inline-block;
margin:0 auto;
padding:0 0 20px;
text-align:left;
width:900px}

/*\*/
*html #main{height:1%}
#main{display:block}
/**/

.pageTop{
margin:0 0 20px;
clear:both;
text-align:right}

.pageTop a{
background:url(../img/pageTop.jpg) no-repeat 0 4px;
font-size:105%;
padding:0 0 0 20px}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header{
background:url(../img/com_headBg.jpg) no-repeat 0 100%;
height:365px;
margin:0 auto 20px;
position:relative;
width:900px}

#index #header{
background:none;
height:485px}
#index #header .index_bnr_001{
	position:absolute;
	top:375px;	
	left:0px;
}
#index #header .index_bnr_002{
	position:absolute;
	top:375px;	
	right:0px;	
}
#header h1{
color:#fff;
font-size:90%;
text-align:left;
position:absolute;
top:0px;
right:0px}

#header #headLogo{
position:absolute;
top:20px;
left:-16px}

#header #gNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#header #gNav{
display:inline-block;
margin:0;
position:absolute;
left:0;
top:99px}

/*\*/
*html #header #gNav{height:1%}
#header #gNav{display:block}
/**/

#header #gNav li{
background:none;
float:left;
padding:0}

#header h2{
color:#333;
font-size:200%;
font-weight:bold;
position:absolute;
text-align:right;
top:250px;
right:30px}

#index #header h2{
top:159px;
left:0}

#header #headInq{
position:absolute;
top:37px;
right:-1px}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer{background:url(../img/com_footBg.jpg) repeat-x 50% 0}

#footer .footerCont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#footer .footerCont{
background:url(../img/com_footBg.jpg) repeat-x 50% 0;
display:inline-block;
margin:0 auto;
padding:40px 0 15px;
text-align:left;
width:900px}

/*\*/
*html #footer .footerCont{height:1%}
#footer .footerCont{display:block}
/**/

#footer .footerCont dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#footer .footerCont dl{
display:inline-block;
float:left;
margin:0;
width:580px}

/*\*/
*html #footer .footerCont dl{height:1%}
#footer .footerCont dl{display:block}
/**/

#footer .footerCont ul{
float:right;
margin:0 0 0 30px;
width:280px}

#footer .footerCont ul li{
background:none;
margin:0 0 10px;
padding:0}

#footer .footerCont dl dt{margin:0 0 10px}

#footer .footerCont dl dd{
float:left}

#footer .footerCont dl dd.note{
border-right:1px dotted #999;
margin:0 30px 0 0;
width:290px}

#footer .footerCont dl dd.note div{margin:0 0 20px}

#footer .footerCont address{
color:#666;
font-size:80%}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi{
float:left;
width:220px}

#navi .navCont{
background:#F9FAF5;
margin:0 0 10px;
padding:4px}

#navi dl.search:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#navi dl.search{
display:inline-block;
margin:0 0 5px}

/*\*/
*html #navi dl.search{height:1%}
#navi dl.search{display:block}
/**/

#navi dl.search dt{
float:left}

#navi dl.search dt input{width:160px}

#navi dl.search dd{
float:right;
width:45px}

#navi dl.menu{
background:#fff;
border:1px solid #ccc;
margin:0;
padding:1px}

#navi dl.menu dt{margin:0}

#navi dl.menu dd{
border-top:1px dotted #c9c9c2;
padding:0 0 3px}

#navi dl.menu dd.firstChild{border:none}

#navi dl.menu dd a{
background:url(../img/icon01.jpg) no-repeat 10px 10px;
display:block;
font-size:90%;
font-weight:bold;
padding:5px 0 5px 20px}

#navi dl.menu dd dl{margin:0}

#navi dl.menu dd dl dt{
background:url(../img/icon01.jpg) no-repeat 10px 8px;
color:#333;
font-size:90%;
font-weight:bold;
padding:5px 0 5px 20px}

#navi dl.menu dd dl dd{border:none}

#navi dl.menu dd dl dd a{
background:url(../img/icon02.jpg) no-repeat 20px 7px;
display:block;
font-weight:normal;
padding:1px 0 1px 30px}

#navi ul li{
background:none;
margin:0 0 10px;
padding:0}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content{
float:right;
margin:0 0 0 20px;
width:660px}

#main .topicPath{
margin:0 0 10px}

#main .topicPath li{
background:url(../img/nav.gif) no-repeat 0 3px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 10px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#content .btn{
margin:0 0 20px;
text-align:center}

/* sec
------------------------------------------------------------------------*/


#content ul.banner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.banner{display:inline-block;}

/*\*/
*html #content ul.banner{height:1%}
#content ul.banner{display:block}
/**/

#content ul.banner li{
background:none;
float:left;
padding:0}

#content ul.banner li.firstChild{margin:0 20px 0 0}


/* サイトマップ
************************/

#content ul.sitemap li{
background:url(../img/icon02.gif) no-repeat 0 4px;
margin:0 0 5px;
padding:0 0 0 15px}

#content ul.sitemap li.note{
background:none}

#content ul.sitemap li.nolink{
color:#000}

#content ul.sitemap li ul{
height:1%;
margin:0}

#content ul.sitemap li ul li{background:url(../img/icon01.gif) no-repeat 0 5px}

/***********************************************/

#content .goodsCont:after,
#content .goodsCont2:after,
#content .setumei:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .goodsCont,
#content .goodsCont2,
#content .setumei{
border-bottom:1px dotted #ccc;
display:inline-block;
margin:0 0 20px;
padding:0 0 1px}

*:first-child+html #content .goodsCont,
*:first-child+html #content .goodsCont2,
*:first-child+html #content .setumei{padding:0 0 20px}
* html body #content .goodsCont,
* html body #content .goodsCont2,
* html body #content .setumei{padding:0 0 20px}

/*\*/
*html #content .goodsCont,
*html #content .goodsCont2,
*html #content .setumei{height:1%}
#content .goodsCont,
#content .goodsCont2,
#content .setumei{display:block}
/**/

#content .goodsCont .pict,
#content .setumei .pict{
border:1px solid #ccc;
float:left;
margin:0 0 20px;
padding:1px;
width:236px}

#content .goodsCont .detail,
#content .setumei .detail{
float:right;
margin:0 0 0 20px;
width:400px}

#content .goodsCont2 .pict{
border:1px solid #ccc;
float:right;
margin:0 0 20px;
padding:1px;
width:236px}

#content .goodsCont2 .detail{
float:left;
margin:0 20px 0 0;
width:400px}

#content ul.goodsAll:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.goodsAll{
background:url(../img/sec_goodsAllBg.jpg) repeat-y;
display:inline-block;
margin:0 0 15px}

#content ul.goodsAll.v2{background:url(../img/sec_goodsAllBg2.jpg) repeat-y}
#content ul.goodsAll.v1{background:url(../img/sec_goodsAllBg3.jpg) repeat-y}

/*\*/
*html #content ul.goodsAll{height:1%}
#content ul.goodsAll{display:block}
/**/

#content ul.goodsAll li{
background:none;
float:left;
margin:0 0 0 15px;
padding:5px;
width:200px}


#content ul.goodsAll li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.goodsAll li{
background:none;
float:left;
margin:0 0 0 15px;
padding:10px;
width:190px;
_width:210px;
display:inline-block;}

#content ul.goodsAll li.firstChild{margin:0}

/*\*/
*html #content ul.goodsAll li{height:1%}
#content ul.goodsAll li{display:block}
/**/

#content ul.goodsAll li div{
border:1px solid #ccc;
float:left;
padding:1px;
width:56px}

#content ul.goodsAll li p{
float:right;
margin:0 0 0 10px;
width:120px}

#content ul.goodsAll li p a{
background:url(../img/icon03.jpg) no-repeat 0 7px;
font-size:80%;
padding:0 0 0 6px}


#content .bg01{
background:url(../img/sec_pict01.jpg) no-repeat;
min-height:190px;
_height:190px;
padding:0 0 0 260px}

#content .reason dl{
background:url(../img/sec_reasonBg01.jpg) no-repeat 100% 33px #f0f0f0;
min-height:240px;
_height:240px;}

#content .reason dl.dl02{background:url(../img/sec_reasonBg02.jpg) no-repeat 100% 33px #f0f0f0}
#content .reason dl.dl03{background:url(../img/sec_reasonBg03.jpg) no-repeat 100% 33px #f0f0f0}

#content .reason dl dd{padding:20px 180px 20px 20px}

#content .reason dl dd p{margin:0 0 10px}

#content .reason dl dd p.lastChild{margin:0}

#content .adobe{margin:0 0 20px}

#content dl.faq dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 0;
margin:0 0 20px;
padding:20px 0 10px 70px}

#content dl.faq dd{
background:url(../img/sec_faq02.jpg) no-repeat 0 0;
margin:0 0 20px;
padding:0 0 0 70px}

#content .link:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .link{
border-bottom:1px dotted #999;
display:inline-block;
margin:0 0 20px;
padding:0 0 20px}

/*\*/
*html #content .link{height:1%}
#content .link{display:block}
/**/

#content .link div{
float:left;
margin:0;
width:280px}

#content .link dl{
float:right;
margin:0 0 0 20px;
width:360px}

#content .link dl dt{
font-size:120%;
margin:0 0 15px}

/***********************************************/

/* index
------------------------------------------------------------------------*/

#index h3,
#index h3 span,
#index h4,
#index h4 span{
background:none;
border:none;
padding:0}

#index .h301 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index .h301 ul{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #index .h301 ul{height:1%}
#index .h301 ul{display:block}
/**/

#index .h301 ul li{
background:url(../img/ind_h301Bg.jpg) no-repeat 0 0;
border:1px solid #c1c2c2;
float:left;
margin:0 0 0 20px;
padding:8px 0 8px 8px;
width:200px}

#index .h301 ul li.firstChild{margin:0}

#index .h301 ul li table{
border:none;
background:none;
margin:0;
width:200px}

#index .h301 ul li table th{
padding:0 10px 0 0;
vertical-align:middle;
width:70px}

#index .h301 ul li table th a{
background:#333;
display:block;
padding:2px}

#index .h301 ul li table th a img{border:1px solid #fff}

#index .h301 ul li table td{
font-size:70%;
vertical-align:middle}

#index #content .news:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .news{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #index #content .news{height:1%}
#index #content .news{display:block}
/**/

#index #content .news .sectionH3{
float:left;
margin:0;
width:320px}

#index #content .news .sectionH3 h3{margin:0 0 10px}

#index #content .news .h302{
margin:0 20px 0 0;
position:relative}

#index #content .news .h302 .rss{
margin:0;
position:absolute;
top:10px;
right:10px}

#index #content .news .sectionH3 table{
border:none;
margin:0}

#index #content .news .sectionH3 table th{
background:none;
border-bottom:1px dotted #ccc;
font-weight:normal;
padding:3px 0}

#index #content .news .sectionH3 table td{
border:none;
border-bottom:1px dotted #ccc;
font-weight:normal;
padding:3px 0 3px 20px}

#index #content ul.figLink:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content ul.figLink{display:inline-block;}

/*\*/
*html #index #content ul.figLink{height:1%}
#index #content ul.figLink{display:block}
/**/

#index #content ul.figLink li{
background:none;
float:left;
padding:0}

#index #content ul.figLink li.firstChild{margin:0 20px 0 0}

#index #content ul.banner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content ul.banner{display:inline-block;}

/*\*/
*html #index #content ul.banner{height:1%}
#index #content ul.banner{display:block}
/**/

#index #content ul.banner li{
background:none;
float:left;
margin:0 0 0 15px;
padding:0}

#index #content ul.banner li.firstChild{margin:0}

#index #content .h304 .bg{
background:url(../img/ind_bg.jpg) no-repeat 100% 0;
margin:0 0 20px;

min-height:470px;
_height:470px;
padding:20px 270px 0 0}

#index #content .h304 h3{margin:0}

#index #content .h304 h4{
background:url(../img/sec_h4bg.jpg) no-repeat;
color:#333;
font-weight:bold;
margin:0 0 20px;
padding:8px 10px 8px 15px}

#index #content .h304 .bg .lastChild{margin:0}

#content .sCont h3{
background:url(../img/com_searchBg.jpg) no-repeat 0 0;
border:none;
color:#fff;
padding:8px 10px 8px 40px}

#content .date-footer{
margin:0 0 20px;
text-align:center}


/* 2013/03/29 SEO施策 トップページ
------------------------------------------------------------------------*/
#index #header h1{
color:#fff;
font-size:90%;
text-align:left;
position:absolute;
top:0px;
right:0px;
font-weight:normal;}


#index h2{
background:none;
border:none;
color:#333;
font-size:190%;
font-weight:bold;
margin:0 0 20px;
padding:0}

#index #content .news .sectionH3 h2{margin:0 0 10px}
#index #content .h304 h2{margin:0}

#index #content .h304 h3{
background:url(../img/sec_h4bg.jpg) no-repeat;
color:#333;
font-weight:bold;
margin:0 0 20px;
padding:8px 10px 8px 15px;
font-size: 160%;}

.main_img { position: absolute; top: 159px; left: 0;}


/* 2013/03/29 SEO施策 下層ページ
------------------------------------------------------------------------*/
.p_h1 {
color:#fff;
font-size:90%;
text-align:left;
position:absolute;
top:0px;
right:0px;
font-weight: normal;
line-height: 1;
margin:0;
padding:0;}

#header h1{
color:#333;
font-size:200%;
font-weight:bold;
position:absolute;
text-align:right;
top:250px;
right:30px}

#panpath {margin:0 0 20px 0;}
#panpath ol li {
display:inline;
background:none;
padding:0;}

.sitemap { clear:both;}

.clear{
	clear:both;
}
ul.list{
	clear:both;
	margin-bottom:30px;
}
ul.list li {
    float: left;
    padding-left: 15px;
    width: 300px;
}

/*-----gnav_te-----*/
#header #gNav li {
	width: 180px;
}
#header #gNav li a {
	display: block;
	background: url(../img/com_gNav01_bg01.jpg) no-repeat top center;
	color: #fff;
	padding: 11px 0;
	font-weight: 700;
	text-decoration: none;
}
#header #gNav li a:hover {
	background:url(../img/com_gNav01_bg02.jpg) no-repeat top center;
	text-decoration: none;
}

/*-----title_text-----*/
h3.h3_title {
	border-left: 3px solid #C90006 !important;
	padding: 2px 0 10px 5px !important;
}
/*-----footer_text-----*/
dt.com_dt01 {
	background:url(../img/com_dt01_bg.png) no-repeat top center;
	text-align:center;
	padding: 3px;
	color:#fff;
	font-weight:400 !important;
	line-height:1.1;
}
.img_right{
	float: right;
	margin: 0 0 0 10px;
}

[src="/img/iso.jpg"] {
    display: none;
}