@charset "UTF-8";
/* CSS Document */

/*====================================================
	左ナビ
====================================================*/

#home_menu{
width:117px;
height:16px;
margin:0px 0px 16px;
padding:0px;
text-indent:-9999px;
display:block;
}
#home_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_home_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#home_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_home_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#design_menu{
width:117px;
height:16px;
margin:0px 0px 16px;
padding:0px;
text-indent:-9999px;
display:block;
}
#design_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_designer_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#design_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_designer_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#illust_menu{
width:117px;
height:16px;
margin:0px 0px 16px;
padding:0px;
text-indent:-9999px;
display:block;
}
#illust_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_illustrator_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#illust_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_illustrator_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#photo_menu{
width:117px;
height:16px;
margin:0px 0px 16px;
padding:0px;
text-indent:-9999px;
display:block;
}
#photo_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_photographer_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#photo_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_photographer_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#blog_menu{
width:117px;
height:16px;
margin:0px 0px 16px;
padding:0px;
text-indent:-9999px;
display:block;
}
#blog_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_blogger_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#blog_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_blogger_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#myface_menu{
width:117px;
height:16px;
margin:0px 0px 20px;
padding:0px;
text-indent:-9999px;
display:block;
}
#myface_menu a{
width:100%;
height:16px;
background:url(../images/gmenu_myface_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}
#myface_menu a:hover{
width:100%;
height:16px;
background:url(../images/gmenu_myface_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.lnavi_any_btn{
width:150px;
height:80px;
margin:0px 0px 10px;
padding:0px;
display:block;
}



/*====================================================
	HOMEコンテンツ
====================================================*/

#contents #hiber{
width:590px;
height:18px;
margin:0px 0px 20px;
padding:0px;
background:url(../images/hiber.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.hi_title{
width:590px;
height:auto;
margin:0px 0px 6px;
padding:0px;
display:block;
}

.hi_img{
width:330px;
height:auto;
margin:10px 25px 0px 0px;
padding:0px;
float:left;
display:block;
}

.hi_txt{
width:235px;
height:auto;
margin:10px 0px 0px;
padding:0px;
float:left;
display:block;
}


/*====================================================
	DESIGN_INDEXコンテンツ
====================================================*/

#contents .design_s{
width:590px;
height:40px;
margin:0px;
padding:0px;
}


/*====================================================
	ILLUSTコンテンツ
====================================================*/

#contents .illust_s{
width:590px;
height:40px;
margin:0px;
padding:0px;
}


/*====================================================
	PHOTOコンテンツ
====================================================*/

#contents .film01{
width:590px;
height:16px;
margin:0px;
padding:0px;
background:url(../photo/images/film01.gif) left top no-repeat;
text-indent:-9999px;
}

#contents .film02{
width:590px;
height:19px;
margin:0px;
padding:0px;
background:url(../photo/images/film02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

#contents .film03{
width:16px;
height:69px;
margin:0px;
padding:0px;
float:left;
background:#000000 left top no-repeat;
text-indent:-9999px;
}

#contents .photo_s{
width:110px;
height:69px;
margin:0px;
padding:0px;
float:left;
display:block;
}


/*====================================================
	MAINコンテンツ
====================================================*/

.leftcon_title{
width:282px;
height:auto;
margin:0px 0px 6px;
padding:0px;
display:block;
}

.maincon_txt{
width:282px;
height:auto;
margin:10px 0px 0px;
padding:0px;
display:block;
}

.maincon_img02{
width:283px;
height:auto;
margin:0px 0px 12px;
padding:0px;
display:block;
}


/*====================================================
	BLOGコンテンツ
====================================================*/

.blog_title{
width:390px;
height:auto;
margin:0px 0px 6px;
padding:0px;
display:block;
}

.blog_img01{
width:390px;
height:auto;
margin:10px 0px 0px;
padding:0px;
display:block;
}

.blog_img02{
width:180px;
height:auto;
margin:4px 0px 10px 10px;
padding:0px;
display:block;
float:right;
}

.blog_txt{
width:390px;
height:auto;
margin:20px 0px 5px;
padding:0px;
display:block;
}

.blog_rightnavi_bg{
background:url(../blog/images/rightnavi.gif) right top repeat-y;
}

.backnumber{
width:160px;
height:21px;
margin:0px;
padding:0px;
background:url(../blog/images/backnumber.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.bn_list{
margin:10px 13px 10px;
padding:0px;
display:block;
line-height:20px;
}

.right_navi_uline{
width:160px;
height:1px;
margin:0px;
padding:0px;
float:right;
display:block;
}

#right_navi .arrow_s{
width:4px;
height:20px;
margin:0px 5px 0px 0px;
padding:0px;
background:url(../images/arrow_s.gif) center no-repeat;
display:block;
float:left;
}


/*====================================================
	MYFACEコンテンツ
====================================================*/

.rogo_name{
width:390px;
height:41px;
margin:0px 0px 25px;
padding:0px;
text-indent:-9999px;
background:url(../images/rogo_name.gif) left top no-repeat;
display:block;
}

.myface_title{
width:390px;
height:auto;
margin:0px 0px 6px;
padding:0px;
display:block;
}

.myface_txt{
width:390px;
height:auto;
margin:10px 0px 20px;
padding:0px;
display:block;
}

#myface_contents .mailbox{
width:15px;
height:16px;
margin:0px 5px 0px 0px;
padding:0px;
text-indent:-9999px;
background:url(../images/mailbox.gif) center no-repeat;
display:block;
float:left;
}

.reserved{
font-size:11px;
width:590px;
height:auto;
margin:40px 0px 0px;
padding:0px;
display:block;
}


/*====================================================
	ALLコンテンツ
====================================================*/

.index{
width:52px;
height:11px;
margin:2px 200px 0px 0px;
padding:0px;
float:left;
text-indent:-9999px;
display:block;
}

.index a{
width:100%;
height:11px;
margin:2px 200px 0px 0px;
padding:0px;
float:left;
background:url(../images/goto_index_01.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.index a:hover{
width:100%;
height:11px;
margin:2px 200px 0px 0px;
padding:0px;
float:left;
background:url(../images/goto_index_02.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.back{
width:41px;
height:11px;
margin:2px 0px 0px;
padding:0px;
float:left;
text-indent:-9999px;
display:block;
}

.back a{
width:100%;
height:11px;
margin:2px 0px 0px;
padding:0px;
float:left;
background:url(../images/goto_back.gif) left top no-repeat;
text-indent:-9999px;
display:block;
}

.pagetop{
width:38px;
height:12px;
margin:3px 0px 0px 200px;
padding:0px;
float:right;
text-indent:-9999px;
display:block;
}

.pagetop a{
width:100%;
height:12px;
margin:3px 0px 0px 200px;
padding:0px;
float:right;
background:url(../images/goto_top_01.gif) right top no-repeat;
text-indent:-9999px;
display:block;
}

.pagetop a:hover{
width:100%;
height:12px;
margin:3px 0px 0px 200px;
padding:0px;
float:right;
background:url(../images/goto_top_02.gif) right top no-repeat;
text-indent:-9999px;
display:block;
}

.next{
width:39px;
height:11px;
margin:2px 0px 0px;
padding:0px;
float:right;
text-indent:-9999px;
display:block;
}

.next a{
width:100%;
height:11px;
margin:2px 0px 0px;
padding:0px;
float:right;
background:url(../images/goto_next.gif) right top no-repeat;
text-indent:-9999px;
display:block;
}

#contents .line{
width:100%;
height:1px;
margin:10px 0px 10px;
padding:0px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #b2a49c;
}


/*====================================================
	フッター
====================================================*/

.footer_bottom{
width:836px;
height:50px;
margin:5px auto 0px;
padding:0px;
display:block;
}

.copy{
font-size:11px;
width:auto;
height:50px;
margin:0px;
padding:0px;
float:left;
display:block;
}

.ft_01{
width:88px;
height:33px;
margin:0px 0px 0px 6px;
padding:0px;
float:right;
display:block;
background-color:black;
vertical-align:top;
}

.ft_02{
width:80px;
height:50px;
margin:0px 0px 0px 3px;
padding:0px;
float:right;
display:block;
vertical-align:top;
}

.sbm{
width:80px;
height:16px;
margin:0px;
padding:0px;
display:block;
vertical-align:top;
}

.track_feed{
width:80px;
height:15px;
margin:2px 0px 0px;
padding:0px;
display:block;
vertical-align:top;
}

.ft_03{
width:80px;
height:50px;
margin:0px;
padding:0px;
float:right;
display:block;
vertical-align:top;
}

.bn_xhtml{
width:80px;
height:15px;
margin:0px;
padding:0px;
text-indent:-9999px;
display:block;
vertical-align:top;
}

.bn_xhtml a{
width:100%;
height:15px;
background:url(../images/bn_xhtml.gif) left top no-repeat;
text-indent:-9999px;
display:block;
vertical-align:top;
}

.bn_css{
width:80px;
height:15px;
margin:3px 0px 0px;
padding:0px;
text-indent:-9999px;
display:block;
vertical-align:top;
}

.bn_css a{
width:100%;
height:15px;
background:url(../images/bn_css.gif) left top no-repeat;
text-indent:-9999px;
display:block;
vertical-align:top;
}

.ft_04{
width:auto;
height:auto;
margin:3px 0px 0px;
padding:0px;
text-align:left;
display:block;
vertical-align:top;
}



/*====================================================
	ALL
====================================================*/

.small{
font-size:11px;
line-height:14px;
}

.sline{
width:100%;
height:1px;
margin:0px;
padding:0px;
background:url(../images/sline.gif) left top repeat-x;
display:block;
}

.dline{
width:100%;
height:4px;
margin:0px;
padding:0px;
background:url(../images/dline.gif) left bottom repeat-x;
display:block;
}

.linkarrow{
color:#9d9aaf;
}

.float_l{
float:left;
}

.float_r{
float:right;
}

.mg_b0{
margin-bottom:0px;
}

.mg_b5{
margin-bottom:5px;
}

.mg_b10{
margin-bottom:10px;
}

.mg_b12{
margin-bottom:12px;
}

.mg_b15{
margin-bottom:15px;
}

.mg_b25{
margin-bottom:25px;
}

.mg_b45{
margin-bottom:45px;
}

.mg_t5{
margin-top:5px;
}

.mg_t10{
margin-top:10px;
}

.mg_t50{
margin-top:50px;
}

.mg_r0{
margin-right:0px;
}

.mg_l20{
margin-left:20px;
}

.mg_l25{
margin-left:25px;
}

.mg_l30{
margin-left:30px;
}

.block{
display:block;
}

.txt_r{
text-align:right;
}

.txt_c{
text-align:center;
}

.fclear{
clear:both;
}

.prebox{
background-color:#dddddd;
color:#555555;
padding:5px;
border:#aaaaaa solid 1px;
}

.normal{
font-weight:normal;
}