@charset "euc-jp";


.block {
        clear: both;
        font-size: 12px;
        color:#666666;
        margin-bottom: 0;
        margin-left: 20px;
        }

.block a {
        color:#333333;
        text-decoration: none;
        width: 200px;
        padding: 5px;
        float: left;
        }

.block a:hover {
        text-decoration: underline;
        }

/* 質問 */
.question {
        margin-top: 20px;
        clear: both;
        }

.question a {
        color:#009900;
        font-weight: bold;
        font-size: 12px;
        padding-top: 20px;
        }

.question a:hover {
        text-decoration: none;
        }

.answer {
        margin: 0 0 40px 20px;/* 上右下左 */
        padding: 0;
        }

.answer img {
        float: left;
        margin-top: 0.5em;
        margin-right: 1em;
        margin-bottom: 1em;
        padding: 0;
        }

/* リスト各種 */
.sectionmenu {
        text-align: left;
        }

.sectionmenu li {
        font-size: 12px;
        margin: 20px 1em 1em 1em;/* 上右下左 */
        padding: 0;
        color:#666666;
        }

.sectionmenu li a {
        text-decoration: none;
        color:#333333;
        }

.sectionmenu li a:hover {
        text-decoration: underline;
        }

.dotlist {
        list-style-type: circle;
        }

.dotlist li {
        font-size: 12px;
        margin: 20px 1em 1em 1em;/* 上右下左 */
        padding: 0;
        color:#666666;
        }

/* ============ ページ構成 ======================================== */
body {
        background-color: #fff;/*#999;*/
        margin: 0;
        padding: 0;
        background-image:url(common/shadow.gif);
        background-position: 0px 0px;/*776px 0px;*/
        background-repeat: repeat-y;
	    }

#wrapper {
        width: 776px;
        background-color: #ece6e6;
        background-image:url(common/stripe_bg.gif);
        background-position: 0px 0px;
        background-repeat: repeat-y;
        margin: 0;
        }

.topcontainer {
        width: 776px;
        float: left;
        background-color: #d7d3d0;
        background-image:url(common/stripe_bg.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        padding-top: 2px;
        margin-bottom: 2px;
        }

.container {
        width: 776px;
        margin-bottom: 0;
        /*clear: both; 060410_deleat*/
        }

.side {
        width: 250px;
        float: left;
        margin: 0;
        padding: 0;
        }

.side img {
        border: none;
        }

.main {
        width: 526px;
        float: right;
        }

/* ============ ヘッダ・パート ==================================== */
.head {
        height: 50px;
        margin: 0;
        }

.head img {
        border: none;
        vertical-align:middle;
        margin-top:10px;
        margin-left: 30px;
        }

.search {
        position: absolute;
        top: 0;
        left: 500px;
        }
/*page keyword*/
#keyword {
        position: absolute;
        top: 10px;
        left: 100px;
        }

#keyword h1 {
        font-size: 12px;
        font-weight: normal;
	    line-height:16px;
        letter-spacing: 0.2em;
        }


/* ----- ページタイトル記述 ----- */
.title {
        height: 34px;
    	background-image:url(common/stripe_title.gif);
        background-repeat:repeat-x;
        margin-bottom: 2px;
        }

.title img {
        margin-left: 35px;
        border: none;
        }

/* ---------- メニュバー記述 ---------------------------------------- */
.menu {
	    font-size:12px;
        text-align:center;
        margin-left:0;
	    margin-right:0;
	    margin-bottom: 2px;
	    margin-top:0;
	    background-image:url(common/stripe_menu.gif);
        background-repeat:repeat-x;
        border-top:solid 1px #c7c0c0;
        border-bottom:solid 2px #c7c0c0;
	    height:20px;
	    position:relative;
	    top:0;
	    left:0;
	    font-family:serif;
	    }

.menu a {
	    color:#333333;
	    text-decoration:none;
	    display:block;
	    width:110px;
	    line-height:20px
	    }

.menu a:hover {
        color:#f8f2f2;
	    background-color:#dad4d4;
	    }

.menu.nolink {
        color:#333333;
        text-decoration:none;
        display:block;
        text-align:center;
        width:110px;
        line-height:20px;
        padding-left: 0;
        padding-right: 0;
        }

.menu.nolink:hover {
        color:#f8f2f2;
        background-color:#dad4d4;
	    }

.menu img {
        border: none;
        }

#menu1 {
        position:absolute;
        left:0;
        top:0;
        }

#menu2 {
	position:absolute;
	left: 111px;
	top:0;
	}

#menu3 {
	position: absolute;
	left: 222px;
	top:0;
	}

#menu4 {
	position: absolute;
	left: 333px;
	top:0;
	}

#menu5 {
	position: absolute;
	left: 444px;
	top:0;
	}

#menu6 {
	position: absolute;
	left: 555px;
	top:0;
	}

#menu7 {
	position: absolute;
	left: 666px;
	top:0;
	}

#menu7 img {
    margin-top: 2px;
	}


/* サブメニュー記述開始 */
.submenu {
	visibility: hidden;
	position:absolute;
	left:0
	}

.submenu a {
	background-color:#dad4d4;
	border-top:solid 1px #ffffff;
	}

.subnolink {
	background-color:#ece6e6;
        text-align:center;
	width:110px;
	line-height:20px;
        padding-left: 0;
        padding-right: 0;
	border-top:solid 1px #ffffff;
	}

.menu span {
	color:#dad4d4;
	display:none
	}


/* using for html pages */
.content {
        margin: 0;
        padding: 0 20px 20px 1em;/* 上右下左 */
        }

.content p {
        line-height: 2em;
        }

.content h2 {
        font-size: 16px;
        background-image:url(common/block.gif);
        background-repeat: no-repeat;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 10px;
        padding: 0 0 0 26px;
        }

.contentindex {
        font-size: 14px;
        font-weight: bold;
        color: #9f3f2b;
        margin: 20px 0 12px 0;
        clear: both;
        }

.contentpopup {
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        background-image: url(common/popup.gif);
        background-repeat: no-repeat;
        background-position: 0px 7px;
        padding-left: 18px;
        }

/* スワッチズ */
.swatches {
        margin: 0;
        padding: 0 20px 20px 1em;/* 上右下左 */
        }

.swatches p {
        line-height: 2em;
        margin-top: 0;
        }

.swatches h2 {
        font-size: 16px;
        background-image:url(common/block.gif);
        background-repeat: no-repeat;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 10px;
        padding: 0 0 0 26px;
        }

.swatches h3 {
        font-size: 14px;
        font-weight: bold;
        color: #9f3f2b;
        margin: 20px 0 10px 0;
        clear: both;
        }

.swatchesindex {
        font-size: 14px;
        font-weight: bold;
        color: #9f3f2b;
        margin: 20px 0 0 0;
        clear: both;
        }

.swatchesindex a {
        color: #9f3f2b;
        text-decoration: none;
        }

.swatchesindex a:hover {;
        color: #9f3f2b;
        text-decoration: underline;
        }

.swbody {
        line-height: 2em;
        font-size: 12px;
        color:#666666;
        margin-bottom: 20px;
        }

.swbody img {
        float: left;
        margin: 1em 1em 1em 0;/* 上右下左 */
        border: none;
        }

/*定義型リスト*/
dd {
        margin: 0 0 1em 1em;
        font-size: 12px;
        letter-spacing: 0.3em;
        }

dd a {
        text-decoration: none;
        color:#333333;
        }

dd a:hover {
        text-decoration: underline;
        }


/* モノログ */
.monolog {
        margin: 0;
        padding: 0 20px 20px 1em;/* 上右下左 */
        }

.monolog p {
        line-height: 2em;
        margin: 0 0 10px 0;
        }

.monolog h2 {
        font-size: 16px;
        background-image:url(common/block.gif);
        background-repeat: no-repeat;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 2px;
        padding: 0 0 0 26px;
        }

.monolog h2 a {
        color:#333333;
        text-decoration: none;
        }

.monolog h2 a:hover {
        text-decoration: underline;
        }

.monolog h3 {
        font-size: 14px;
        font-weight: bold;
        color: #9f3f2b;
        margin: 20px 0 0 0;
        clear: both;
        }

.monolog img {
        border: none;
        float: left;
        margin: 0 1em 1em 2px;/* 上右下左 */
        }

.monologdetail {
        color:#666666;
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 3px 0 0 26px;
        margin-bottom: 15px;
        }

.monologmore {
        clear: both;
        text-align: left;
        color:#666666;
        font-size: 12px;
        background: url(common/dot.gif) top repeat-x;
        padding: 5px 0 0 0;/* 上右下左 */
        margin-bottom: 15px;
        }

.monologmore a {
        float:right;
        text-decoration: none;
        color:#333333;
        background-image: url(common/icon_more.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        }

.monologmore a:hover {
        text-decoration: underline;
        }

/*白○リスト*/
.monologlist {
        list-style-type: circle;
        margin: 0 0 0 40px;
        padding: 0;
        }

.monologlist li {
        font-size: 12px;
        margin: 20px 1em 15px 0;/* 上右下左 */
        letter-spacing: 0.3em;
        padding: 0;
        color:#666666;
        }

.monologlist li a {
        color:#333333;
        text-decoration: none;
        }

.monologlist li a:hover {
        text-decoration: underline;
        }

/*各ブログのトップへ戻るアイコン*/
.icontop {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_top.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        margin-left:15px;
        margin-bottom: 20px;
        }

.icontop a {
        color:#333333;
        text-decoration: none;
        }

.icontop a:hover {
        text-decoration: underline;
        }


/*icon for print pages*/
.iconprint {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_print.gif);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-left: 25px;
        margin-left:27px;
        margin-bottom: 20px;
        }

.iconprint a {
        color:#333333;
        text-decoration: none;
        }

.iconprint a:hover {
        text-decoration: underline;
        }

/*icon for back to prev. pages*/
.iconprev {
        letter-spacing: 0.3em;
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_prev.gif);
        background-repeat:  no-repeat;
        padding-top: 2px;
        padding-left: 25px;
        margin-left:27px;
        margin-bottom: 20px;
        }

.iconprev a {
        color:#333333;
        text-decoration: none;
        }

.iconprev a:hover {
        text-decoration: underline;
        }

/*コレクションの全商品一覧アイコン*/
.iconall {
        height: 15px;
        font-size: 12px;
        background-image: url(common/icon_all.gif);
        background-repeat: no-repeat;
        padding-top: 2px;
        padding-left: 25px;
        margin-left:15px;
        margin-bottom: 20px;
        }

.iconall a {
        color:#333333;
        text-decoration: none;
        }

.iconall a:hover {
        text-decoration: underline;
        }

.related h3 {
        font-size: 14px;
        margin: 80px 1em 1em 26px;/* 上右下左 */
        letter-spacing: 0.2em;
        padding: 0;
        color:#666666;
        }

/* ============ サイドの構成 ====================================== */

#topimg {
        margin: 0;
        }

#topimg img {
        border: none;
        margin-left: 2px;
        }

.itemlist {
        margin: 0;
        padding: 0;
        }

.itemlist img {
        float: left;
        border: none;
        margin-top: 0;
        margin-left: 2px;
        margin-bottom: 2px;
        margin-right: 0;
        }

.cat {
        margin-bottom: 0;
        padding: 0;
        }

.cat img {
        vertical-align: top;
        border: none;
        margin-left: 2px;
        margin-bottom: 2px;
        padding: 0;
        }

#map {
        margin-top: 14px;
        margin-left: 6px;
        }

/* ============= メインの構成 ===================================== */

/* ----- ヘッドライン ----- */
.headline{
        font-size: 13px;
        margin: 1em 5px 30px 1em;/* 上右下左 */
        line-height: 2em;
        letter-spacing: 0.1em;
        font-family: selif;
        }

.headlineimg {
        margin-left: 2px;
        margin-top: 0;
        }

.clear {
        clear: both;
        margin: 0;
        padding: 0;
        height: 0;
        }


/* ----- トップページ・バナー ----- */

.banner {
        padding-bottom: 40px;
        }

.banner .copy {
        line-height: 2em;
        font-size: 14px;
        letter-spacing: 0.3em;
        color:#666666;
        margin-left: 264px;
        }

.banner img {
        margin-left: 2px;
        margin-bottom: 1em;
        }

/* ----- トップページ・展示会告知 ----- */

.ext {
        padding-bottom: 2px;
        }

.exttitle {
        position: absolute;
        top: 324px;
        left: 509px;
        width: 250px;
        line-height: 1em;
        font-size: 15px;
        color:#666666;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
        font-weight: bold;
        }

.ext .copy {
        position: absolute;
        top: 350px;
        left: 509px;
        width: 250px;
        line-height: 2em;
        font-size: 14px;
        letter-spacing: 0.3em;
        color:#666666;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
        }

.ext img {
        margin-left: 2px;
        }

.ext a {
        color:#333333;
        text-decoration: none;
        font-size: 12px;
        }

.ext a:hover {
        text-decoration: underline;
        }


/* ----- ”コレクション”アイテムの”ボディ” ----- */

.itemtitle {
        position: absolute;
        top: 113px;
        left: 562px;
        width: 180px;
        }

.itemtitle h2 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 10px 0;/* 上右下左 */
        }

.item{
        line-height: 1.7;
        font-size: 12px;
        color:#666666;
        margin-right: 1em;
        margin-bottom: 40px;
        }

.item img {
        float: left;
        margin-left: 2px;
        margin-right: 1em;
        /*margin-bottom: 1em;*/
        }

.item h3{
        font-size: 14px;
        margin: 0;
        }


/* ----- ”クチュール”アイテムの”ボディ” ----- */
.coutureitemtitle {
        position: absolute;
        top: 113px;
        left: 520px;
        width: 250px;
        }

.coutureitemtitle h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px 0;/* 上右下左 */
        }

.couturetitle {
        position: absolute;
        top: 113px;
        left: 562px;
        width: 180px;
        }

.couturetitle h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px 0;/* 上右下左 */
        }

.coutureitem{
        line-height: 1.7;
        letter-spacing: 0.1em;
        font-size: 12px;
        color:#666666;
        margin-right: 1em;
        margin-bottom: 40px;
        }

.coutureitem img {
        float: left;
        margin-left: 2px;
        margin-right: 1em;
        border: none;
        }

.coutureitem h3{
        font-size: 14px;
        margin: 0;
        }

.couturedetail {
        margin-top: 1em;
        line-height: 1.7;
        letter-spacing: 0.1em;
        font-size: 12px;
        border: none;
        }

.couturedetail img {
        float: left;
        border: none;
        margin-left: 2px;
        margin-right: 1em;
        }

/* アイテムの”続き” */
.spec {
        clear: both;
        margin: 0 20px 0 2px;/* 上右下左 */
        padding: 0;
        font-size: 12px;
        color:#666666;
        line-height: 1.5;
        }

/* 追加の商品写真 */
.specphoto {
        margin: 0;
        }


.specphoto img {
        float: left;
        margin: 20px 20px 20px 0;
        }


/* スペック内テーブル */
.spec table, th, td {
        font-size: 11px;
        color:#666666;
        line-height: 1.5;
        font-family: "Georgia", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, serif;
        }

.spec table {
        clear: both;
        margin: 40px 0 20px 20px;/* 上右下左 */
        }

.spec td {
        margin: 0;
        padding : 3px 0 5px 5px;
        border-bottom: 1px solid #c7c0c0;
        }

.specleft {
        width: 100px;
        }

.specright {
        width: 400px;
        }




/* 生地の詳細 */
.var {
        margin: 40px 0 0 20px;
        }

.var h4 {
        font-size: 14px;
        line-height: 14px;
        color: #666666;
        background-image: url(common/popup.gif);
        background-repeat: no-repeat;
        margin: 0 0 10px 0;
        padding-left: 18px;
        }

.var h5 {
        font-size: 12px;
        color: #666666;
        font-weight: bold;
        line-height: 1em;
        margin: 0 0 1em 0;
        padding-top: 5px;
        }

.var img {
        float: left;
        margin: 0 10px 10px 0;/* 上右下左 */
        border: none;
        }

/*全アイテム一覧テンプレート*/
.itembrowse {
        margin-bottom: 50px;
        }

.itemall {
        float: left;
        width: 142px;
        height: 62px;
        background-color: #f7f2f0;
        text-align: right;
        font-size: 13px;
        /*letter-spacing: 0.1em;*/
        line-height: 22px;
        margin-left: 10px;
        margin-right: 0;
        margin-bottom: 2px;
        padding-top: 3px;
        padding-left: 4px;
        padding-right: 3px;
        padding-bottom: 3px;
        border-top: 1px solid #c0c2c2;
        border-bottom: 3px solid #c0c2c2;
        border-left: 1px solid #c0c2c2;
        border-right: 3px solid #c0c2c2;
        background-image:  url(collection/ruled_line.gif);
        background-repeat: repeat-x;
        }

.itemall img {
        float: left;
        border: none;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        }

.itemall a {
        color:#333333;
        text-decoration: none;
        }

.itemall a:hover {
        text-decoration: underline;
        }

.catdesc {
        line-height: 12px;
        font-size: 10px;
        color: #333333;
        /*background-color: #9f3f2b;*/
        padding-top: 3px;
        /*padding-right: 6px;*/
        }

.itemprice {
        line-height: 12px;
        font-size: 10px;
        }

/*コレクション・ページ内、トップ・一覧ページへのアイコンの位置指定*/
.sidenavi {
        margin-top: 72px;
        margin-bottom: 40px;
        }

.sidenavi a {
        color:#333333;
        text-decoration: none;
        }

.sidenavi a:hover {
        text-decoration: underline;
        }


/* お問い合わせフォーム位置 */
.inq {
       clear: both;
       margin: 40px 20px 50px 20px;
       padding: 0;
       line-height: 2em;
       }

.inq img {
        border: none;
       }

.inqtitle {
       font-size: 14px;
       line-height: 14px;
       font-weight: bold;
       background-image: url(common/popup.gif);
       background-repeat: no-repeat;
       padding-left: 18px;
       }

.inqformbutton {
         font-size: 11px;
         background: white;
         color: #494949;
         border-top: 1px solid #D4D2CF;
         border-left: 1px solid #D4D2CF;
         border-bottom: 2px solid #868686;
         border-right: 2px solid #868686;
         margin: 0;/* 上右下左 */
         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
         }

/*お問い合わせフォーム・ボタンプリロード*/
/*#preloadedImages {
         width: 0;
         height: 0;
         display: inline;
         background-image: url(common/inqbt_01.gif);
         background-image: url(common/inqbt_02.gif);
         background-image: url(common/inqbt_sw.gif);
         }*/


/* ============= 各ブログのスタイル =============================== */
/* トップページ・ニュース、コレクションページ・ポイント */
.news {
        margin: 10px 8px 20px 10px;/* 上右下左 */
        }

.newstitle {
        font-size: 12px;
        font-weight: bold;
        color: #9f3f2b;
        /*margin-left: 10px;*/
        margin-bottom: 0;
        }

.news p {
        line-height: 2em;
        padding: 0 10px 10px 0;
        }

.news img {
        float: left;
        border: none;
        margin: 0 10px 0 0;/* 上右下左 */
        }

.news a {
        background-image: url(common/icon_more.gif);
        background-repeat: no-repeat;
        padding-left: 25px;
        color:#333333;
        text-decoration: none;
        }

.news a:hover {
        text-decoration: underline;
        }


/* ----- コレクションページ・相違点 ----- */
.distinctive {
        margin: 10px 8px 15px 10px;
        }

.distinctivetitle {
        font-size: 12px;
        font-weight: bold;
        color: #9f3f2b;
        /*margin-left: 10px;*/
        margin-bottom: 0;
        }

.distinctive p {
        line-height: 2em;
        padding: 0 10px 10px 0;
        }

/* ----- トップページニュースの本文 ----*/
.articlemain {
        margin-bottom: 30px;
        padding: 0 1em 30px 0;
        }

.articlemaintitle {
        margin: 0;
        }


.articlemaintitle h2 {
        text-align: right;
        color: #9f3f2b;
        font-size: 14px;
        line-height: 2em;
        margin: 0;
        padding: 0 5px 0 5px;
        }

.articlemain p {
        font-size: 12px;
        line-height: 2em;
        margin: 0;
        }

.articlemain img{
        border: none;
        float: left;
        margin: 0 1em 1em 2px;/* 上右下左 */
        }

/* ----- トップページお勧め ----- */
.reco {
        padding: 10px 8px 30px 10px;/* 上右下左 */
        /*padding-top: 10px;*/
        /*margin-right: 8px;*/
        /*margin-bottom: 20px;*/
        }

.reco p {
        line-height: 1.5em;
        margin: 0;
        padding: 0 10px 10px 0;
        }

.reco img {
        float: left;
        border: none;
        margin: 0 10px 0 0;/* 上右下左 */
        }

/* ----- トップページ・ブログ紹介 ----- */

.blogtopexp {
        font-size: 12px;
        line-height: 1.8em;
        padding: 10px 10px 0 10px;/* 上右下左 */
        margin: 0;
        }

.blogtop {
        padding: 10px 10px 10px 10px;/* 上右下左 */
        margin: 0;
        }

.blogtoptitle {
        font-size: 12px;
        font-weight: bold;
        color: #9f3f2b;
        margin: 0;
        }


.blogtop p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0;
        }

.blogtop a {
        font-size: 12px;
        color:#333333;
        text-decoration: none;
        }

.blogtop a:hover {
        text-decoration: underline;
        }


/* ----- トップページ・スペシャル（織物紀行、アマン紹介） ---- */

.special {
        float: left;
        width: 526px;
        background-image:url(common/bg_topcolumn.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        margin: 0;
        padding: 0;
        /*margin-bottom: 25px;*/
        }

.special img {
        margin-left: 2px;
        border: none;
        }

.special a {
        text-decoration: none;
        }

.specialleft{
        width: 263px;/*263*/
        margin-top: 0;
        /*margin-left: 1px;*/
        float: left;
        background-color: #e1dedc;
        background-image:url(common/bg_topleft.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        }

.specialright{
        width: 263px;
        /*margin-left: 1px;*/
        float: right;
        background-color: #e3e3e3;
        background-image:url(common/bg_topright.gif);
        background-position:0px 0px;
        background-repeat: repeat-y;
        }



.specialright img {
        margin-left: 2px;
        border: none;
        }

.exp {
        line-height: 1.8;
        padding: 10px;
        }

.pane {
        /*width: 263px;*/
        font-size: 12px;
        line-height: 1.8;
        color:#666666;
        margin-bottom: 30px;
        }

.pane img {
        border: none;
        }

.cc  {
        line-height: 1.8;
        padding: 10px;
        }
/*icon_next*/
.next {
        font-size: 12px;
        background-image: url(common/icon_next.gif);
        background-repeat:  no-repeat;
        background-position: left center;
        }

.next a {
        color:#333333;
        text-decoration: none;
        padding-left: 18px;
        }

.next a:hover {
        text-decoration: underline;
        }

/* ============ フォント  ======================================== */
h1, h2, h3 {
        text-align: left;
        color: #666666;
        margin: 0;
        font-family: "Georgia", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, serif;
        }

P       {
        font-size:12px;
        text-align:left;
        color:#666666;
        text-decoration: none;
        margin-top: 0;
        font-family: "Georgia", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, serif;
        }

P a {
        text-decoration: none;
        color:#333333;
        }

P a:hover {
        text-decoration: underline;
        }

p.bold{
        font-weight: bold;
        }

.big    {
        font-size: 16px;
        }

.bold {
        font-weight: bold;
        }

.bgbold {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0px;
        }

.cxl {
        text-decoration: line-through;
        color:#cc0000;
        }


/* イラスト配置開始 */
.il{
        float: left;
        margin: 0 10px 10px 0;/* 上右下左 */
        }

.ir{
        float:right;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:10px;
        margin-right:10px;
        }

.ic{
        text-align: center;
        }
/* イラスト配置終了 */


/* 赤字特記 */
.remarks{
        color:#cc0000;
        }

/* 上に戻る開始 */
.top {
        clear: both;
        margin: 30px 0 50px 0;/* 上右下左 */
        padding: 5px 0 0 0;
        background: url(common/dot.gif) top repeat-x;
        text-align: left;
        font-size: 12px;
        }

.top a {
        float: right;
        text-decoration: none;
        color:#333333;
        background: url(common/icon_above.gif) no-repeat left center;
        padding-left: 18px;
        }

.top a:hover {
        text-decoration: underline;
        }

/*.top img {
        border: none;
        vertical-align:middle;
        }*/

/* 上に戻る終了 */


/* 特商法テーブル */
.reg {
        margin: 20px 0 0 0;
        }

.reg table {
        border-top: solid 3px #dad4d4;
        border-bottom: solid 2px #dad4d4;
        }

.reg td {
        border-bottom: solid 1px #dad4d4;
        vertical-align: top;
        line-height: 2em;
        padding: 10px 10px 20px 5px;/* 上右下左 */
        }

.regleft {
        width: 120px;
        }


/* ボトムメニュ開始 */
.bottommenu {
        clear:both;
        font-size:14px;
        text-align: right;
        margin-top: 3px;
        letter-spacing: 0.3em;
        background-image:url(common/stripe_menu.gif);
        background-repeat:repeat-x;
        border-top:solid 1px #872613;/*#c7c0c0;*/
        border-bottom:solid 2px #872613;
        height:20px;
	    position:relative;
	    top:0;
	    left:0;
        font-family: serif;
        }

/*.bottommenu p {
         font-size:12px;
         text-align: right;
         padding-right: 20px;
         letter-spacing: 0.3em;
         }*/


.bottommenu a {
        display: block;
        text-align: right;
        color:#333333;
        width: 110px;
        line-height: 20px;
        text-decoration:none;
        }

.rss {
        background-image:url(common/feed-icon-16x16.gif);
        background-repeat: no-repeat;
        background-position: 15px 2px;
        padding-left: 18px;
        }

#menu10 {
        position: absolute;
        right: 20px;
        top: 0;
        }

#menu11 {
        position: absolute;
        right: 131px;
        top: 0;
        }

.bottommenu a:hover {
        text-decoration: underline;
        }

.bottommenu span {
        color:#c5e1ed;
        display:none;
        }

/* ボトムメニュ終了 */

/* アドレス開始 */
address {
        font-size: 12px;
        font-style: normal;
        color: #808080;
        text-align: right;
        margin-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px;
        }

adress img {
        border: none;
        /*margin: 20px 0 10px 0;*/
        }

address a {
        color: #808080;
        text-decoration: none;
        }

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

#tel {
        text-align: right;
        margin: 0 20px 30px 0;/* 上右下左 */
        }

#tel img {
        border: none;
        }

.price {
        font-size: 11px;
        font-weight: normal;
        }

#notes {
        font-size: 10.5px;
        }

/* フローチャート */
table.flowchart {
        border: none;
        margin: 0;
        }

caption.flowchart {
        font-size: 12px;
        color: #666666;
        text-align: left;
        border-left: solid 10px #666666;
        padding: 5px;
        font-family: selif;
        margin-top: 30px;
        }

th.flowchart {
        border: none;
        border-top: solid 2px #666666;
        border-bottom: solid 3px #666666;
        text-align: center;
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        color: #666666;
        font-family: selif;
        }

.light {
        border: none;
        background-color:#cccccc;
        }

.dark {
        border: none;
        background-color:#999999;
        }

.left {
        border: none;
        border-bottom: solid 2px #ece6e6;
        width: 220px;
        padding: 10px 0 10px 5px;/* 上右下左 */
        }

.middle {
        border: none;
        border-bottom: solid 2px #ece6e6;
        width: 20px;
        text-align: center;
        vertical-align: middle;
        padding-left: 0;
        font-weight: bold;
        font-family: selif;
        }

.right {
        border: none;
        border-bottom: solid 2px #ece6e6;
        padding: 10px 10px 10px 0;/* 上右下左 */
        }

.customers {
        font-size: 12px;
        color: #666666;
        line-height: 1.5em;
        font-family: selif;
        }

.nui {
        font-size: 12px;
        color: #ffffff;
        line-height: 1.5em;
        font-family: selif;
        }


/* サブタイトル */
.sub {
        height: 22px;
    	background-image:url(common/stripe_sub.gif);
        background-repeat: repeat-x;
        margin-left: 2px;
        
        }

.sub p {
	    font-size: 14px;
        text-align: left;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.1em;
        padding-top: 2px;
        padding-left: 10px;
        margin: 0;
        }

/*Change pages*/
.newpage {
        page-break-before: always;
        line-height: 0;
        font-size: 0px;
        }

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform {
        margin: 5px 0;
        }

/*コメント、メールの書込欄*/
.commentform, .mailform {
	font-size: 11px;
    color:#666666;
	margin: 10px 0 0 0;/* 上右下左 */
    padding: 0;/*10px;*/
    /*background: #EEEEEE;*/
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
         }

.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 5px 0 10px 0;
}

/*フォームボタン*/
.formbutton {
         font-size: 11px;
         background: white;
         color: #494949;
         border-top: 1px solid #D4D2CF;
         border-left: 1px solid #D4D2CF;
         border-bottom: 2px solid #868686;
         border-right: 2px solid #868686;
         margin: 15px 0 0 0;/* 上右下左 */
         }

.searchform .formfield {
         width: 130px;
         font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
         padding: 2px 0;
         margin: 0 2px 2px 10px;/* 上右下左 */
         }

.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}

.mainform .formfield
{
	width: 100px;/* ----- ex280 ----- */
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}

/*ログインしていないメンバーの名前、アドレスの書き込み-ex 300*/
#nucleus_cf_name, #nucleus_cf_mail {
         width: 200px;
         /*margin-right: 105px;*/
         font-family: Arial, Trebuchet MS, Verdana, sans-serif;
         }

/* コメント書き込み欄巾 ex 300 */
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
         width: 235px;
         }

.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}

/*各コメントのRSS通知ボタン*/
.commentrss {
         margin: 0 0 30px 5px;/* 上右下左 */
         }

.commentrss img {
         border: none;
         }


/*-------------------------------------------------
  Comments
-------------------------------------------------*/

/* ----- メンバー以外のコメントの表示----- */
.itemcomment {
         background-color: #F9F9F9;
         background-image: url(common/commentquote01.gif);
         background-repeat: no-repeat;
         background-position: 6px 9px;
         padding: 6px 42px;
         border: 1px solid #B3C492;
         margin: 10px 30px 20px 20px;/* 上右下左 表示位置 */
         }

.itemcomment:hover {
         background-color: #F9F9F9;
         background-image: url(common/commentquote02.gif);
         background-repeat: no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }

/* ----- メンバーのコメントの表示----- */
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
         {
	     background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
	     background-position: 6px 9px;
	     border: 1px solid #B3C492;
         padding: 6px 42px;
         margin: 10px 30px 20px 20px;/* 上右下左 表示位置 */
         }

.id1:hover {
         background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }

.id0 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
         {
	     background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
	     background-position: 6px 9px;
	     border: 1px solid #B3C492;
         padding: 6px 42px;
         margin: 10px 30px 20px 20px;/* 上右下左 表示位置 */
         }

.id0:hover {
         background: #F9F9F9 url(common/commentquote02.gif) no-repeat;
         background-position: 6px 9px;
         border: 1px solid #B3C492;
         }

.itemcomment h3 {
         font-size: 12px;
         padding-left: 0;
         }

.commentbody {
         margin: 5px;
         }

.commentbody p{
         font-size: 11px;
         line-height: 1.5;
         }


.contentitem1
{
	display: inline;
}

.contentitem2
{
	display: inline;
	background: url(common/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}

.contentitem3
{
	display: inline;
	background: url(common/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}

.contentitemcomments
{
	background: url(common/bgcomment.gif) center left no-repeat;
	font-size: 11px;
    color:#666666;
	line-height: 13px;
    margin: 0;
	padding: 2px 10px 0 13px;
}

.contentitemcomments a {
    color:#333333;
    text-decoration: none;
}

.contentitemcomments a:hover {
    color:#333333;
    text-decoration: underline;
}

.contentitemcalender {
	background: url(common/calender.gif) center left no-repeat;
	font-size: 11px;
	line-height: 13px;
	padding: 2px 10px 0 13px;
}

.contentitemcategory {
	background: url(common/bgcategory.gif) center left no-repeat;
	font-size: 11px;
	line-height: 13px;
	padding: 2px 10px 0 13px;
}

.commenttitle h2 {
	/*clear: both;*/
	background: url(common/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}

.addcomment {
	padding: 0;
	margin: 0 0 30px 5px;/* 上右下左 */
}


/*-------------------------------------------------
  Left & Right box
-------------------------------------------------*/

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 1em 1em 1em 0;	/*padding: 3px;*/	/*font-size: larger;*/
	/*width: 20%;*/
}
.leftbox {
	float: left;
	/*border-right: 2px solid #ccc;*/
}

.rightbox {
	float: right;
	/*border-left: 2px solid #ccc;*/
    /*margin-left: 1em;*/
}


/*-------------------------------------------------
  Calender
-------------------------------------------------*/

.cal {
       /*text-align: center;*/
       margin: 10px 0 30px 0;/* 上右下左 */
       }

table.calendar { 
       font-size: small;
       color: black;
       width: 90%;
       margin: auto;
       } 

.calendar caption {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.calendar caption a {
        text-decoration: none;
        color:#333333;
        }

.calendar caption a:hover {
        text-decoration: underline;
        }

tr.calendardateheaders { 
        font-size: small; 
        color: red; 
        } 

td.blank {
        text-align: center;
        }

td.day { 
        text-align: center;
        }

td.day a {
        color:#333333;
        }

td.today {
        text-align: center;
        color: green;
        background-color: white;
        }

[class~="holiday"] {
        color: #f00;
        }

.holiday {
        color: #f00;
        }

td.sun {
        font-weight:bold;
        text-align: center;
        color: red;
        }

td.sat {
        font-weight:bold;
        text-align: center;
        color: blue;
        }


/*----- OUTLET ログイン・テーブル -----*/
#outletform {
        margin: 0;
        clear: both;
        }

.outletlogin {
        /*margin: 12px 0 0 20px;*/
        margin-top: 15px;
        margin-left: 20px;
        font-size: 12px;
        }

.outletlogin table {
        /*border-top: solid 3px #666666;*/
        /*border-bottom: solid 2px #666666;*/
        font-size: 12px;
        color: #666666;
        }

.outletlogin td {
        font-size: 12px;
        /*border-bottom: solid 1px #666666;*/
        vertical-align: top;
        line-height: 1em;
        /*padding: 0 10px 15px 5px;*//* 上右下左 */
        }

.outletloginleft {
        width: 80px;
        padding-top: 4px;
        height: 30px;
        }

.outletloginright {
        width: 120px;
        height: 30px;
        }

.outletlogincenter {
        /*width: 120px;*/
        }

.outletformfield
{
	font-size: 12px;
	background: white;
    width: 130px;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 0;
    padding: 0;
}

.outletlogin .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}

.outletlogin .checkbox
{
    margin-top: 2px;
}