/* CSS Document */
/*初期化-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/

*{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
}

img{
border: 0px;
}

ul,ol{
margin:0;
padding:0;
}

body{
background-color:#FFFFFF;
font-size:75%;
line-height:1.5;
color:#666666;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",sans-serif;
}

h1,h2,h3,h4,h5,h6{
display:none;
}

* span.alt{
display:none;
}

#contents{
width:800px;
margin:0 auto;
}

/*エラーメッセージ*/
#error-msg{
margin:50px 0 15px 0;
padding-bottom:15px;
border-bottom:1px #CCCCCC solid;
}

#error-msg p.error{
font-size:120%;
color:#FF0000;
margin-bottom:10px;
}

#blog-list{
margin-bottom:30px;
}

#blog-list li{
list-style:disc;
margin-left:1.5em;
margin-bottom:0.5em;
/*padding-bottom:0.5em;
border-bottom:1px #CCCCCC dashed;*/
}


.headline{
font-size:140%;
font-weight:bold;
color:#000000;
}



/*コピーライト*/
#copyright{
margin-bottom:30px;
}


















/*振り分けページ　junction.html-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/

body.junction{
background-color:#000000;
font-size:75%;
line-height:1.5;
color:#666666;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",sans-serif;
}

#contents-junction1{
width:100%;
border-bottom:1px #FFF001 solid;
padding-bottom:15px;
text-align:center;
margin-bottom:15px;
}

#contents-junction1 img{
margin-top:175px;
}

#contents-junction2{
width:600px;
margin:0 auto;
}

/*HTMLエリア*/
#html-area{
width:293px;
float:left;
}

#html-area p{
text-align:right;
}

#html-area a.button{
display:block;
width:92px;
height:21px;
background-image:url(../images/junction_button.gif);
background-repeat:no-repeat;
margin-left:203px;
margin-bottom:0.5em;
}

#html-area a:hover{
background-position:0px -21px;
}

/*flashエリア*/
#flash-area{
margin-left:307px;
text-align:left;
}

#flash-area a.button{
display:block;
width:92px;
height:21px;
background-image:url(../images/junction_button.gif);
background-repeat:no-repeat;
background-position:-92px 0px;
margin-bottom:0.5em;
}

#flash-area a:hover{
background-position:-92px -21px;
}

div.copyright{
margin-top:100px;
color:#999999;
}

div.copyright p{
text-align:center;
}

















/*HTMLバージョン---------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/

body.html{
background-color:#FFF001;
font-size:75%;
line-height:2;
color:#666666;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",sans-serif;
}

#contents-html{
width:800px;
margin:0 auto;
background-color:#FFFFFF;
background-image:url(../html/images/back_image.gif);
background-repeat:no-repeat;
background-position:370px 100px;
border-left:1px #000000 solid;
border-right:1px #000000 solid;
padding:50px 0;
}



/*ロゴエリア*/
#logo-area{
width:700px;
margin-left:49px;
text-align:center;
}



/*ナビエリア*/
#navi-area{
width:700px;
margin-top:30px;
margin-left:49px;
}

#navi-area ul{
text-align:center;
}

#navi-area li{
list-style:none;
display:inline;
}

#navi-area a{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-right:20px;
text-decoration:none;
}

#navi-area a.border{
border-right:1px #CCCCCC solid;
margin-right:20px;
text-decoration:none;
}



/*プロジェクトエリア*/
#project-area{
width:700px;
margin-top:150px;
margin-left:49px;
text-align:center;
}



/*ブログエリア*/
#blog-area{
width:700px;
margin-top:150px;
margin-left:49px;
text-align:center;
}

#blog-area ul{
clear:both;
}

#blog-area li{
list-style:none;
display:block;
float:left;
width:120px;
margin-bottom:20px;
}

#blog-area p.name{
background-image:url(../html/images/bloger/arrow.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:1.2em;
font-size:85%;
margin-bottom:0.5em;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



/*リンクエリア*/
#link-area{
width:700px;
margin-top:150px;
margin-left:49px;
text-align:center;
}

#link-area li{
list-style:none;
display:block;
float:left;
height:80px;
}



/*ストアエリア*/
#ourstore-area{
width:700px;
margin-top:150px;
margin-left:49px;
text-align:center;
}

#ourstore-area p{
line-height:1.2;
}

#ourstore-area ul{
clear:both;
}

#ourstore-area li{
display:block;
width:200px;
float:left;
margin-bottom:20px;
}

#ourstore-area span.number{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
}

#ourstore-area li.contact{
background-color:#000000;
color:#CCCCCC;
padding:10px;
}

#ourstore-area li.contact a{
text-decoration:none;
color:#FFF001;
}


/*イベントエリア*/
#eventinfo-area{
width:700px;
margin-top:150px;
margin-left:49px;
margin-bottom:100px;
text-align:center;
}


/*スタッフ*/
#stuff-area{
width:700px;
margin:50px 0 10px 49px;
}

#stuff-area li{
font-size:90%;
line-height:1.2;
list-style:none;
display:block;
float:left;
margin-right:15px;
padding-left:0.5em;
border-left:1px #333333 solid;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#stuff-area p{
color:#000000;
}



/*コピーライト*/
#copy{
width:700px;
margin-left:49px;
}

#copy p{
text-align:center;
color:#999999;
border-top:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



/*TOPへ*/
#gototop{
width:700px;
margin-left:49px;
margin-top:30px;
}

#gototop p{
text-align:center;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#gototop a{
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
padding:0.3em 1em;
text-decoration:none;
font-size:90%;
}

#gototop a:hover{
background-color:#E6E6E6;
}
















/*クラス設定---------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/

.top-margin5{
margin-top:5px;
}

.top-margin10{
margin-top:10px;
}

.top-margin15{
margin-top:15px;
}

.top-margin20{
margin-top:20px;
}

.top-margin30{
margin-top:30px;
}

.bottom-margin5{
margin-bottom:5px;
}

.bottom-margin10{
margin-bottom:10px;
}

.bottom-margin15{
margin-bottom:15px;
}

.bottom-margin20{
margin-bottom:20px;
}

.bottom-margin30{
margin-bottom:30px;
}

/*bloger写真用*/
.right-margin25{
margin-right:25px;
}

/*link用*/
.right-margin15{
margin-right:15px;
}

/*store用*/
.right-margin50{
margin-right:50px;
}

.store-contact{
font-weight:bold;
border-bottom:1px #FFF001 solid;
padding-bottom:0.5em;
}

.bold{
font-weight:bold;
}

p.center{
text-align:center;
}