/*index用テストのスタイルシート*/
@charset "UTF-8";

body {
        font-family: "MS Pｺﾞｼｯｸ";
        font-size: 11px;
        line-height: 1.6;
        color: #555555;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
}

h1,h2,h3{margin:0px;padding:0px;}

a {color: #555555;text-decoration: none;}

a:hover {color: #222222;text-decoration: none;}

ul{list-style-type: none;} 

li{list-style-type: none;}

p{margin: 0px;padding: 0px;}

dl,dt,dd{margin: 0px;padding: 0px;}

img {border: none;}

table {border-collapse: collapse;}

hr {
        width: 600px;
        border:1px dotted #cccccc;
        padding: 0px;/*上、右、下、左*/
        margin: 1px;
        text-align: center;
} 

strong{font-size: 12px;}

/* --- clearfix --- */
.clearFix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearFix {min-height: 1px;}

/*コンテナー*/
#container {
        text-align: left;
        width: 890px;
        margin-right: auto;
        margin-left: auto;
        border-style: none;
        background-color: #ffffff;
}

/*ヘッダー*/
#header {position: relative;width: 100%;height: 80px;}

/*ナビメニュー枠*/
.naviwrap{   
        width: 890px;
        position: absolute;
        border-bottom: 3px solid #6C6C6C;
        background-color: #ffffff;
        height: 80px;
}


/*ナビメニュー左・ロゴ*/
.top {
        float:left;
        background: url("http://www.pron.jp/link/prontopbanner-s.gif") no-repeat;
        display: block;
        width: 380px;
        height: 80px;
        border: 0;
        padding: 0px;
        margin: 0px;
}

.top p.logo{
        position: absolute;
        top: 10px;
        left: 90px;
        font-size: 16px;
        font-family: "メイリオ";
        font-weight: bold;
        color: #000000;
        line-height: 1.5;
        text-align: center; /*文字のセンタリング*/
}

/*ナビメニュー右リンクメニュー画像*/
.accswrap {float: left;width: 510px;padding: 0;margin-top: 10px;}

ul.shop{float: left;list-style-type: none;margin: 2px;}

ul.shop li.navi{float: left;width:115px; height: 21px;}

ul.shop li a{display: block;}


/*コンテンツ*/
#contents {clear: left;width: 890px;border-style: none;}

/*グローバルナビゲーション */
#globalnavi {
        float: left;
        z-index:100;
        margin-top: 8px;
        padding-bottom: 5px;
        width: 890px;
        height:17px;
}

#globalnavi ul {
        position: absolute;
        margin: 0;
        padding: 0;
        list-style: none;
}

#globalnavi li {
        float: left;
        width: 123px;
        margin: 2px; /* 大カテゴリーの余白サイズ */
}

#globalnavi li a {
        font-size: 12px;
        color: #ffffff;
        display: block;
        width: 100%;
        padding: 2px 0;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        background-color: #184d6b;/* 大カテゴリーの背景色・水色3399ff*/
        font-family: "メイリオ";
}

#globalnavi li a:hover {color: #ffffff;}

/* 小カテゴリーサブメニュー */
#globalnavi ul.choice {background: #e4e4e4e4;}


#globalnavi ul.choice li {float: none;margin: 0;}

#globalnavi ul.choice li a {
        font-size: 10px;
        font-weight: normal;
        padding: 1px;
        line-height: 1.5;
        overflow: auto;
        background-color: #004080;
}

#globalnavi ul.choice li a:hover {color: #666666;background-color: #F0F0F0;}

#globalnavi ul li.navi_menu  ul {display: none;}

#globalnavi ul li.navi_menu_on ul {display: block;}

/* 大カテゴリーのメニューの横に点線をつけたい場合は直す */
#globalnavi li.navi_menu{border:none;}

#globalnavi li.navi_menu_on{border: none;} 

#wrap{width: 890px;float: left;margin-top: 10px;padding-bottom: 5px;border-style: none;}

/*左サイドの設定*/
#side {
        float: left;
        width: 250px;
        border-right: 1px solid #CCCCCC;
        padding: 0px;
        line-height: 1.6;  /*行間。通常より少し狭めている。*/
}

/*左ボックスのp(段落タグ)の余白設定*/
#side p {padding: 0;margin:0;}

.thema {
        padding: 0px;
        margin:0;
        font-size: 100%;
        width: 250px;
        background-color: #7C7C7C;	/*背景色*/
        color: #FFFFFF;
        text-align: center; /*文字のセンタリング*/
        font-weight: normal;
        font-family: "Bookman Old Style";
}

.thema p{padding: 0;margin:0;}
.thema a{color: #FFFFFF;}

.kinds{
        padding: 0;
        margin: 0;
        font-size: 13px;
        width: 250px;
        background-color: #CEBDAE;
        font-family: "Bookman Old Style";
        font-weight: bold;
}

/* --- 画像付き商品素材メニュー --- */
.section1 {
        width: 250px;
        margin: 1px 0; /* ボックスのマージン（上下、左右） */
        background-color: #ffffff;
        font-family: "メイリオ";
        font-size: 10px;
        line-height: 1.5;
}

.section1 ul.menu {
        width: 250px; /* メニューの幅 */
        margin: 1px 2px 0px 0px;
        padding: 0;
        list-style-type: none;
}

/* --- メニュー項目左側 --- */
.section1 ul.menu li.l {
        width: 124px;
        padding-bottom: 2px;
        float: left;
        height: 38px;
        border-bottom: 1px dotted #CCCCCC;
        border-right: 1px dotted #CCCCCC;
}

.section1 ul.menu li.l a,.section1 ul.menu li.r a {
        margin-left: 2px;
        display: block;
        text-decoration: none;
        width: 124px;
}

.section1 ul.menu li.l a:hover {color: #272727;}

/* --- メニュー項目左側 --- */
.section1 ul.menu li.r {
        width: 124px;
        padding-bottom: 2px;
        float: left;
        height: 38px;
        border-bottom: 1px dotted #CCCCCC;
}

.section1 ul.menu li.r a:hover {color: #222222; }

/*左ボックスのグレイ帯の設定*/
ul.sidemenu2 {background-color: #E0E0E0;padding: 0px;margin:0px;}

ul.sidemenu2 li{
        padding: 5px 0px 0px 5px;
        font-size: 12px;
        line-height: 1.6;
        font-family: "メイリオ";
        font-weight: bold;
}

.linkfree{background: url("http://www.pron.jp/link/link-backtg.gif") no-repeat;padding-top: 2px;height: 95px;}
p.freebanner{text-align: center;}

/*中央ブロック*/
#main {
        float: right;
        width: 620px;
        text-align: center;
        padding-bottom: 0px;
}

h1 {
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        padding-bottom: 5px;
}

h2{
        left: 110px;
        font-size: 13px;
        font-family: "メイリオ";
        font-weight: bold;
        color: #272727;
        line-height: 1.5;
}

h3{
        font-size: 14px;
        font-family: "メイリオ";
        font-weight: bold;
        line-height: 1.5;
        text-align: left;
        padding-top: 80px;
        padding-left: 450px;
        color: #000000;
}

h3 a{color: black;}
h3 a:hover{color: black;}

.space{padding: 5px;}

/*中央ブロック内のお知らせ画像欄*/
.section3{
        width: 618px;
        padding: 2px 0px 0px 0px;
        margin: 0px;
        border: 1px solid #AFAFAF;
}

.section3 ul.pickup{
        list-style: none;
        text-align: left;
        margin: 0;padding: 0;
}

.section3 ul.pickup li.gyou{
        font-family: "Bookman Old Style";
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        padding: 0px 0px 0px 5px;
        margin: 0px;
}

.section3 ul.pickup li.rec{
        float: left;
        border-right: 2px dotted #CCCCCC;
        width: 115px;
        line-height: 1.6;
        text-align: center;
        margin: 0;padding: 0px 0px 0px 5px;
        font-family: "メイリオ";
        font-size: 11px;
}

#main table.table1{
        width:618px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: center;
}

/*中央ブロック内の入荷情報スクロール*/
ul#infobox{
        overflow:scroll;
        color: #555555;
        border-style: none;
        padding: 0px;
        margin: 0px;
        scrollbar-arrow-color: #CCCCCC;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #ffffff;
        scrollbar-3dlight-color: #CCCCCC;
        scrollbar-track-color: #e9e9e9;
        scrollbar-shadow-color: #e9e9e9;
        scrollbar-darkshadow-color: #CCCCCC;
        width: 300px;
        height: 15em;
}
ul#infobox li{
        font-size: 1em;
        text-align: left;
        color: #555555;
        padding: 0px;
        margin: 0px;
}

/*中央ブロック内の更新内容・お知らせ欄*/
#main table.table3{
        text-align: left;
        width: 616px;
        padding: 1px 1px 3px 1px;
        margin:2px;
        border: 0;
}

#main table.table3 td.pxss{
        border-left: 3px solid #AAA9A9;
        width: 300px;
        text-align: left;
        padding-left: 2px;
        padding-right: 2px;
}

#main table.table4{
        width: 300px;
        text-align: left;
        border-top: 1px solid #AAA9A9;
        border-bottom: 1px solid #AAA9A9;
        padding: 2px;
        margin: 0;
        font-family:"Bookman Old Style";
        font-size: 13px;
        font-weight: bold;
}

td.pxss1{
        width: 300px;
        text-align: left;
        line-height: 1.6;
        font-size: 12px;
}


/*中央ブロック内の見出し*/
#text{
        width: 616px;
        margin:2px 0px 0px 2px;/*上、右、下、左*/
        padding:10px 0px 0px 2px;/*上、右、下、左*/
        border-style: none;
        text-align: left;
}

#text h3.setumei{
        width: 616px;
        margin:2px 0px 0px 0px;/*上、右、下、左*/
        padding:2px 0px 0px 10px;/*上、右、下、左*/
}

#text h3.setumei{
        font-size: 13px; 
        font-weight: bold;
        text-align: left;
        background-color: #184d6b;
        color: #ffffff;
}

#text p{
        font-weight: normal;
        color: #666666;
        font-size: 12px;
        text-align: left;
        line-height:1.6;
        margin-left:5px;
        padding:0px 0px 10px 5px;
}

dl{width: 616px;}

dt{
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        background-color: #184d6b;
        color: #ffffff;
        margin:2px 0px 0px 0px;
        padding:2px 0px 0px 10px;
}

dd{
        font-weight: normal;
        color: #666666;
        font-size: 12px;
        text-align: left;
        line-height:1.6;
        margin-left:5px;
        padding:0px 0px 10px 5px;
}



/*フッター（最下部のコピーライトなど）
---------------------------------------------------------------------------*/
#footer {clear: both;color: #444444;background-color: #b3a6ac;border: 2px dotted #cccccc;height: auto;}
#footer div.contentNav {width: 100%; /* コンテナの幅 */margin-top: 3px; /* コンテナの上マージン */padding-left: 2.5em;}
#footer li.d{padding: 0px;margin: 1px;text-align: left;font-weight: bold;font-size: 1.1em;list-style: none;}
#footer .sitemaprt{float: left;width: 24%;padding: 0px;margin: 0px;text-align: left;}
#footer li{font-weight: normal;color: #555555;font-size: 1em;text-align: left;margin-left:5px;list-style: circle;}
#footer li a{text-decoration: none;color: #555555;}
#footer p.copy{padding-top: 1em;padding-left: 1em;}