@charset "UTF-8";
body{
    text-align	: center;
    margin	: 0;
    padding	: 0;
    font-size	: 14px;
    line-height	: 1;
    font-family	: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background-color: #ffffcc;
    background-image: url('https://cart.fc2img.com/upfile/tamak/woodwall.jpg');
    background-attachment: fixed;
}

.shouhin_ichiran_setumei p {
    margin : 0 0 4px;
    color : #000;
    text-align : center;
}

h1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h2 {
	font-size	: 16px;
	margin		: 0;
	line-height	: 24px;
	letter-spacing	: 1px;
}




a:visited {
	color: #0000FF;
}



#layout {
    width		: 1000px;
    margin		: 0 auto;
    padding-top		: 0px;
    background-color	: #ffffff;
    border-right	: solid 1px #006E3C;
    border-left		: solid 1px #006E3C;
}


#header {
    width		: 1000px;
    margin		: 0;
    padding		: 0px 0 5;
    text-align		: left;
    background-color	: #FFF;
}



#logo_tamak h1 {
    height	: 15px;
    line-height	: 17px;
    font-size	: 12px;
    font-weight	: normal:
    margin	: 0;
    padding	: 0;
}

#logo_tamak h1 a {
    text-decoration	: none;
}

#logo_tamak h1 a:hover {
    text-decoration	: underline;
}

#logo_tamaki_kikai {
   
    margin		: 0;
    padding		: 0px 0px;
    background-color	: #18391E;
}



}

#intro {
    height		: 20px;
    margin		: 1px 0;
    padding		: 0 0 0 5px;
    border-top		: 2px solid #006E3C;
    border-bottom	: 2px solid #006E3C;
    font-size		: 14px;
    font-weight		: bold;
    color		: #400;
    letter-spacing	: 3px;
    text-align		: center;
    background-color	: #AE0;
}

#intro p {
    line-height	: 20px;
}

#address {
    
    font-size		: 22px;
    font-weight		: bold;
line-height	: 60px;
    text-align		: center;
    color		: #FFF;
    margin		: 0;
    padding		: 10px 20px;
    background-color	: #006E3C;
}

#address p {
    line-height	: 28px;
}

#address p >a{
    color	: white;
}

/* IE hack
===========================*/
#logo_tamak h1 {
    position	: relative\9;
    top		: 2px\9;
}

#intro p ,
#address p {
    position	: relative\9;
    margin	: 0;
}

#intro p {	top: 2px\9;}
#address p {	top: 1px\9;}

/*=========================*/

#menus {
        float : left;
        width : 190px;
        margin: 10px 0 0 20px;
        padding: 0;
        color: #333333;
        font-size: 12px;
        line-height: 30px;
        text-align: left;
}

#menus p{
        font-size: 16px;
        color: #333333;
        margin:0;
}

#main {
        float : right;
        width : 750px;
        margin: 10px 20px 0 20px;
        padding: 0;
        text-align: left;
        color: #000000;
}




#footer {
         background-color: #ffffff;
	clear : both;
         width: 1000px;
	color: #000000;
	border-top: dotted 1px #99cc33;
	padding-top: 10px;
	margin-top: 30px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
         font-size: 11px;
	}




/*&#65533;^&#65533;C&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;
------------------------------------------------------------*/






/*&#65533;T&#65533;C&#65533;g&#65533;^&#65533;C&#65533;g&#65533;&#65533;*/


.site_title {
	font-size: 12px;
	font-weight: bolder;
	color: #ffffff;
	padding-top: 228px;
         padding-left: 240px;
         padding-right: 220px;
         margin: 0px;
}


.site_title a{
             color: #ffffff;
             text-decoration:none;
}


.site_title a:hover {
	              color: #ffffff;
                       text-decoration : underline;
}














































/*&#65533;T&#65533;C&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;*/



/*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;
------------------------------------------------------------*/

.menutitle {
        font-size: 14px;
        color: #009933;
        font-weight: bold;
        text-align: center;
        margin: 0;
        padding-top: 6px;
        padding-right: 0.2px;
        padding-bottom: 6px;
        padding-left: 0.2px;
        background-color: #ffffff;
        border-color:  #BABABA;
        border-style: solid;
        border-width: 1px;
	}



/* ｩ&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;
--------------------------------------------------*/
.pay {
         text-align: center;
         padding-left: 10px;
         margin-top: 10px;
         margin-bottom: 10px;
}





/* &#65533;&#65533;&#65533;X&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;i&#65533;T&#65533;C&#65533;h&#65533;&#65533;&#65533;j&#65533;&#65533;&#65533;[&#65533;j
------------------------------------------------------------*/

ul {
     text-align:left;
     margin: 0px;
     padding-left: 10px;
     list-style-type: none;
     text-decoration: none;
}


li {
     text-align: left;
     font-size: 16px;

     line-height: 150%;
     padding: 0 0 10px 0;
     text-decoration: none;
}


li a {
       text-decoration: none;
       color: #0000FF;
}


li a:hover {
	 color:  #FF3399;
              text-decoration: underline;
} 

/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[
--------------------------------------------------*/


/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[&#65533;e&#65533;[&#65533;u&#65533;&#65533;&#65533;i1&#65533;u&#65533;&#65533;&#65533;b&#65533;N&#65533;j*/

.entry_table{
    width	: 750px;
    margin	: 0 0 50px 0;
    color	: #000000;
}

.entry_bg {
    width	: 750px;
    padding	: 0;
}

/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[&#65533;F&#65533;i&#65533;r&#65533;Q&#65533;[&#65533;V&#65533;&#65533;&#65533;&#65533;*/

.entry_navi{
	font-size: 12px;
	text-align:left;
	color: #000000;
	line-height: 16px;
}

.entry_navi a {
                 font-size: 12px;
                 color: #0000FF;
                 text-decoration:none;
}


.entry_navi a:hover {
	              color: ff3399;
                       text-decoration : underline;
}


/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[&#65533;F&#65533;&#65533;&#65533;o&#65533;&#65533;*/

.entry_title{
    font-size		: 16px;
    font-weight		: bold;
    letter-spacing	: 1px;
    color		: #FF6000;
    margin		: 0 0 5px;
    padding-bottom	: 5px;
    border-bottom	: 1px dotted gray;
    text-align		: left;
}


/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[&#65533;F&#65533;e&#65533;L&#65533;X&#65533;g*/

.entry_text {
	
	color: #000000;
	margin: 0;
	line-height : 150%;
}

.entry_text a {
                 color: #0000FF;
                 text-decoration:none;
}


.entry_text a:hover {
	              color: #ff3399;
                       text-decoration : underline;

}



/*&#65533;G&#65533;&#65533;&#65533;g&#65533;&#65533;&#65533;[&#65533;F&#65533;X&#65533;e&#65533;[&#65533;^&#65533;X&#65533;i&#65533;&#65533;&#65533;t&#65533;&#65533;&#65533;j*/

.entry_day {
	font-size: 11px;
	color: #b38066;
	text-align: right;
}



.entry_state {
	font-size: 11px;
	color: gray;
	text-align: right;
         margin: 20px 20px 10px 0px;
}


.entry_state a {
                 font-size: 11px;
                 color: #703F00;
                 text-decoration:none;
}


.entry_state a:hover {
	               color: #703F00;
                       text-decoration : underline;
}


.comment_state {
	font-size: 12px;
	color: #727272;
	text-align: right;
         margin: 20px 20px 10px 0px;
}

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


.comment_state a:hover {
	               color: #9999cc;
                       text-decoration : underline;
}



/*&#65533;e&#65533;L&#65533;X&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;*/

.entry_text img {
       padding: 0px;
       margin-right: 3px;
       margin-bottom: 3px;
} 




/*&#65533;t&#65533;b&#65533;^&#65533;[
---------------------------------------------------------*/



#footer a {
	color: #809933;
	text-decoration:none;
	}

#footer a:hover {
	color:#9999cc;
	}

textarea,input,select {
	font-family : "30D230E930AE30CE20Pro20W3","Osaka","Verdana","Helvetica","Arial","FF2DFF3320FF3030B430B730C330AF",sans-serif;
}

.emoji{
	vertical-align:middle;
	border:0;
}

/* &#65533;&#65533;&#65533;m&#65533;&#65533;&#65533;&#65533; */
.news-comment {padding-top: 10px; padding-bottom: 20px;}

/* &#65533;&#65533;&#65533;j&#65533;&#65533;&#65533;[ */
#menu a {display: block; margin: 0; 	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;}

#menu a.Top {padding-left: 3px; border-bottom: 1px dotted #999999;}
#menu a.Main {padding-left: 3px; border-bottom: 1px dotted #999999;}

/* &#65533;J&#65533;e&#65533;S&#65533;&#65533;&#65533;[ */
#category {
    margin: 0 0 10px 0;
}

#category a {
	margin: 0px;
	padding: 10px 4px 4px 10px;
	display: block;
	background-color: #FFFFFF;
	color: #0000FF;}

#category a:hover {background-color: #CCCCCC;}




#category visted {

	margin: 0px;
	padding: 10px 4px 4px 10px;
	display: block;
	background-color: #FFFFFF;
	color: #0000FF;
}



#category a.Top {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
#category a.Main {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
#category a.Sub {line-height:1.4;background-color: #ffffff; padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; color: #0000ff}
#category a.Sub:hover {background-color: #CCCCCC;}

/* &#65533;&#65533;&#65533;i&#65533;&#65533;&#65533;&#65533;&#65533;i&#65533;J&#65533;^&#65533;&#65533;&#65533;O&#65533;\ｦ&#65533;j */
.item_list {float: left; width: 33%; padding-top: 10px; padding-bottom: 10px;}
.item {width: 130px; text-align: right;}
.item img {margin-top: 3px; padding: 3px;}
.item .name {text-align: left; padding: 3px;}
.item .other {padding: 3px;}
.item .comment {text-align: left; padding: 3px;}

/* &#65533;&#65533;&#65533;i&#65533;&#65533;&#65533;&#65533;&#65533;i&#65533;&#65533;&#65533;X&#65533;g&#65533;\ｦ&#65533;j */
.item_list2 {padding-top: 10px; padding-bottom: 10px;}
.item2 {}
.item2 img {padding: 3px;}
.item2 .thumb {float:left;}
.item2 .name {
	margin-bottom	: 6px;
	padding		: 6px;
	background-color: #EEF;
	text-align	: justify;
	border-radius	: 4px;
	box-shadow	: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.item2 .other {padding: 3px; text-align: right;}
.item2 .comment {text-align: left; padding: 3px;}

/* &#65533;&#65533;&#65533;i&#65533;&#65533;&#65533;&#65533; */
.item_detail {text-align: center; font-size: 16px;}
.item_detail img {border: 0px solid #CCCCCC; background-color: #FFFFFF; margin: 3px; padding: 3px;}
.item_detail .thumb {float: left; margin-top: 10px; width: 100%;}
.item_detail .img-comment {padding: 3px; }
.item_detail .comment {padding: 3px; text-align: left;}
.item_detail .about {text-align: right;}
.item_detail .about .other {padding: 3px;}

/* &#65533;\&#65533;[&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;N */
.sortlinks {width: 100%;font-size: 12px;padding-bottom:5px;border-bottom: 1px dotted #666666;line-height:1;}
.sortlinks .link {
    padding-right: 20px;
    display	: inline-block;
    /display: inline;
    /zoom: 1;
}

/* &#65533;y&#65533;[&#65533;W&#65533;&#65533;&#65533;&#65533;&#65533;N */
.pagelinks {width: 100%; font-size: 12px;}
.pagelinks .left {
    width	: 180px;
    display	: inline-block;
    /display: inline;
    /zoom: 1;
}
.pagelinks .right {
    width	: 440px;
    text-align	: right;
    display	: inline-block;
    /display: inline;
    /zoom: 1;
}

/* &#65533;J&#65533;[&#65533;g&#65533;&#65533;&#65533;&#65533;&#65533;g */
.cartin {text-align: center; font-size: 13px;}
.cartin_item {border-bottom: 1px dotted #666666;}
.cartin .name {text-align: left; padding: 3px;}
.cartin .price {text-align: right; padding: 3px;}
.cartin .subtotal {text-align: right; padding: 3px;}
.cartin .total {text-align: right; padding: 3px;}
.cartin .submit {padding-top: 20px;}

/* &#65533;e&#65533;[&#65533;u&#65533;&#65533;&#65533;g */
.table1 {font-size: 12px; width: 100%;}
.table1 td {padding: 3px; border-top: 1px solid #CCCCCC; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC;}
.table1 .td1 {background-color: #666666; color: #FFFFFF;}
.table1 .td2 {background-color: #EEEEEE; text-align: center;}
.table1 .td3 {background-color: #FFFFFF;}
.table1 #left1 {text-align: left;}
.table1 #center1 {text-align: center;}
.table1 #right1 {text-align: right;}

.variation_width {
	width:100%;
}

.item_accent {

}

.formbutton {

}
