@charset "utf-8";

/* -----------------------------------------------

    sangayama.manno.jp

    Author:junji manno
    Create 2010.03.07

    [1] style reset

    [2] base setting

    [3] common class

    [4] layout

----------------------------------------------- */


/*
    [1] style reset
----------------------------------------------- */




/*
    [2] base setting
----------------------------------------------- */
body {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    font-family:  Gergia,serif,Verdana,"メイリオ","ＭＳ 明朝","Hiragino Mincho Pro",Osaka,Meiryo;
    line-height: 1.5;
    color: #525252;
    background-color: #FFFFFF;
    background-repeat : no-repeat;
    background-attachment: scroll;
    background-position: left top;
}

/* link */
a        {color: #333333; text-decoration: none;}
a:link   {color: #333333; text-decoration: none;}
a:visited{color: #333333; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}
a:hover  {color: red; text-decoration: none;}

/* header */
h1 {font-size: 1.580em; color: #525252; line-height: 110%; letter-spacing: 2px; }
h2 {font-size: 1.280em; color: #525252; line-height: 110%; letter-spacing: 1px;}
h3 {font-size: 1.180em; color: #525252; line-height: 110%;}

/* side menu */
ul {list-style-type: none;}
ol {list-style-type: none;}

img.IMG2 {
    border-color: #AA9E9E;
    border-style: double;
    border-width: 3px;
    margin: 0px 15px 3px 0px;
    padding: 0;
}


/*
    [3] common class
----------------------------------------------- */

/* header */
#header{
    background-color: #ffffff;
    margin-left:auto;
    margin-right:auto;
    text-align:left;

    /*debug*/
    /*border: 1px solid #3B4041;*/
}
#header_menu{
    text-align: center;
    margin: 0;
    padding: 0;
    margin-left:auto;
    margin-right:auto;
    width: 900px;
    height: 104px;
    letter-spacing: 1px;

    /*clear: both;*/
    background-image: url('../img/common/obj_menu_bg.gif');
    background-repeat: no-repeat;
    background-position: top left;

    /*debug*/
    border: 1px solid #ffffff;
}

    #header_menu ul{
        margin-top: 70px;
        margin-left: 280px;
        padding: 0;
        list-style-type: none;
        font-size: 1.050em;
        font-weight: 600;
    }
    #header_menu li {
        float: left;
        border-style: none;
        margin: 5px 15px 0 5px;
        padding: 0;
        height: 20px;
        border: 0px solid #3B4041;/*debug*/
    }
    /* header link */
    #header_menu a        {color: #333333; text-decoration: none;}
    #header_menu a:link   {color: #333333; text-decoration: none;}
    #header_menu a:visited{color: #333333; text-decoration: none;}
    #header_menu a:active {color: #333333; text-decoration: none;}
    #header_menu a:hover  {border-bottom-style: solid; border-bottom-width: 5px; color: red; text-decoration: none;}

/* twitter icon */
.twitter_icon{
  background: url('../img/common/twitter_icon.gif') no-repeat;
  position:fixed;
  top:30px;
  width:108px;
  height:119px;
  z-index:8765;
}

/* main */
#body_wrap {
    color: #525252;
    width: 900px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border: 0px solid #3B4041;/*debug*/
}
    /* main body */
    #body_main {
        margin: 10px 0px 10px 0px;
        padding: 0;
        margin-left:auto;
        margin-right:auto;
        width: 900px;
        position: relative;
        border: 0px solid #ff00ff;/*debug*/
    }
        #body_main img.top_img {
            margin: 0;
            padding: 0;
            width: 900px;
            height: 471px;
            border: 0px solid #ff00ff;/*debug*/
        }
    /* footer coypright */
    #footer{
        text-align: center;
        color: #525252;
        margin: 0;
        padding: 10px 0 10px 0;
        font-size: 12px;
        clear: both ;
        border: 0px solid #ff00ff;/*debug*/
    }

    #contents{
        width: 898px;
        font-size: 12px;
        border: 0px solid #3B4041;/*debug*/
    }
        #contents p{
            line-height: 21px;
            letter-spacing: 1px;
        }
        #contents a{color: red; text-decoration: none;}
        #contents a:hover  {border-bottom-style: solid; border-bottom-width: 1px; color: red; text-decoration: none;}
        #contents img.IMG {
            border-style: none;
            margin: 0px;
            padding: 0px;
        }

/* -------------------
    profile css
------------------- */
#profile{
    text-align: center;
}
    #profile strong{
        font-size: 18px;
        line-height: 34px;
        letter-spacing: 2px;
    }
    #profile p{
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 1px;
    }
    #profile a        {color: red; text-decoration: none;}
    #profile a:link   {color: red; text-decoration: none;}
    #profile a:visited{color: red; text-decoration: none;}
    #profile a:active {color: red; text-decoration: none;}
    #profile a:hover  {border-bottom-style: solid; border-bottom-width: 1px; color: red; text-decoration: none;}

/* -------------------
    works css
------------------- */
#works{
    text-align: center;
}
    #works strong{
        font-size: 18px;
        line-height: 34px;
        letter-spacing: 2px;
    }
    #works p{
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 1px;
    }
    /* link */
    #works a{
        padding-left: 5px;
        text-decoration: none;
    }
    /* img */
    #works img{
        border-style: none;
        margin: 0px;
        padding: 0px;
    }

/* -------------------
	gallery css
------------------- */
.gallery-cell {
    margin: 20px 0 0 170px;
    background-color: #FFFFFF;
}
img.gallery-img {
    border-color: #ACAD98;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 5px 0;
    padding: 0;
}
.gallery-comment {
    width: 560px;
    margin: 5px 0 5px 0;
    padding: 0;
    background-color: #FFFFFF;
    font-size: 12px;
    line-height:150%;
    border: 0px solid #3B4041;/*debug*/
}

/* -------------------
    exhibition css
------------------- */

/* -------------------
    shop css
------------------- */
hr {
    width: 100%;
    margin: 0;
    clear: left;
}

#shop_menu ul{
    margin:0px;
    padding:0px;
    list-style:none;
}

#shop_menu li{
    padding:0em 0.5em;
    display:inline;
}

/* 売り切れた時のテキスト表示 */
.shop_txt_sold{
    color: #ff0000;
}

.product_img{
    width:485px;
    margin: 0 0 20px 0;
    padding: 0px;
    float:left;
    border: 0px solid #3B4041;/*debug*/
}
.product_detail{
    width:250px;
    height:470px;
    margin: 0 0 20px 0;
    padding: 0px;
    float:left;
    border: 0px solid #3B4041;/*debug*/
}

/* Easy Image or Content Slider */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{
	width:480px;
	height:360px;
	overflow:hidden;
	}
span#prevBtn{
	margin: 10px 0 10px 0;
}
span#nextBtn{
	margin: 10px 0 10px 0;
}

/* ショップ検索 */
.shop_search{
	text-align:right;
	margin: 10px 0 10px 0px;
	border: 0px solid #3B4041;/*debug*/
}
/* ショップカート */
.shop_cart{
	text-align:right;
	margin: 0px 10px 0px 0px;
	border: 0px solid #3B4041;/*debug*/
}
/* ショップカート */
.shop_title{
	text-align:left;
	margin: 10px 10px 0px 0px;
	border: 0px solid #3B4041;/*debug*/
}
.shop_txt {
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background:#FFF5E1;
}
.shop_search_btn {
	width:70px;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background:#FFF5E1;
}
.shop_cart_btn {
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background:#FFF5E1;
}

.shop_header{
	margin: 30px 0px 0px 0px;
}

/* -------------------
	トップに戻る
-------------------　*/
.go-to-top {
	margin:0px 0px 0px 0px;
	text-align: right;
}


/*
    [4] layout
----------------------------------------------- */
form {
    margin: 0px;
    padding: 0px;
    display: inline;
}
input.MAIL {
    border:solid;
    border-width:1px;
    border-color:#CCCCCC;
    padding:5px;
    width: 200px;
    background:#FFFFF1;
}
textarea.MAIL {
    border:solid;
    border-width:1px;
    border-color:#CCCCCC;
    padding:5px;
    width: 500px;
    height: 200px;
    background:#FFFFF1;
}
input:hover { background: #FFDCA3; }
textarea:hover { background: #FFDCA3; }