@charset "utf-8";


/* Yuuki-Nanase homepage Style Sheet */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://developer.yahoo.com/yui/fonts/
*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,th,td,form,blockquote {

padding:0px;
margin:0px;
line-height:1.8em;
}

/* Config General */
* {
margin:0;
padding:0;
word-break: break-all;
}

html {
/*
height:100%;
background:url("/image/main01.jpg") no-repeat;
background-position: center top ;
background-attachment : scroll;
*/
background-color: #ffffff;
}

body {
margin:0 auto;
padding:0 auto;
height:100%;
background:url("/image/header-base.png") repeat-x;
}
* {font-size: 13px; }

img {
border: none;
}
hr { display:none; }
h1,h2,h3{ display:inline; }
ul, li { list-style-type: none;}


a:link, a:visited { color:#a40014; text-decoration:none; }
a:hover, a:active { color:#a40014; text-decoration:underline; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }


.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px: }
.pb20 { padding-bottom: 20px: }
.pb30 { padding-bottom: 30px: }
.pb40 { padding-bottom: 40px: }
.pb50 { padding-bottom: 50px: }

.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.font_pink { color: #a40014; }

/* LOGO */
#logo {
margin:0 auto;
padding:0 auto;
width: 980px;
height : 108px;
background:url("/image/yuuki-nanase.png") no-repeat;
}
#logo h1 {
margin:0px 0px 0px -3000px;
}

/* Global Menu */
#globalmenu_area {
height: 48px;
background:url("/image/globalmenu-background.png") no-repeat;
background-position: center top ;
}

#globalmenu {
height: 48px;
margin:0 auto;
padding:0 auto;
width: 980px;
list-style-type: none;
}


#globalnavi, #globalnavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#globalnavi li {
	float:left;
}





/* Content area */
#contents_area {
margin:10px auto;
padding:0 auto;
width: 980px;
text-align:left;
}

/* Local Menu base */
#localmenu {
float:left;
width:205px;
background:#B9CAFF
text-align: left;
}

#localmenu .top{
background:url("/image/localmenu-top.png") no-repeat;
height: 75px;
}
#localmenu .cbody {
background:url("/image/localmenu-base.png") repeat-y;
min-height: 600px;
padding-left: 5px;
padding-right: 10px;
}
#localmenu .bottom{
background:url("/image/localmenu-bottom.png") no-repeat;
height: 20px;
}

#localmenu li {
line-height:1.4em;
padding : 5px;
}

#localmenu .searchbox {
margin-top: 30px;
margin-left: 17px;
text-align: center;
height: 20px;
width: 168px;
color:#a40014;
border:none;
/*
border:solid 1px #000; 
background-color: #fac5e2;
*/
background:url("/image/searchbox_text.png") center left no-repeat; 
}
#localmenu .searchbox:focus{
background:url("/image/searchbox_text_none.png") center left no-repeat; 
}



/* content base */
#contents{
margin-left: 10px;
float: left;
width:580px
background:#B9CAFF
text-align: left;
}

/* pagetitle */
#contents .ptitle_area {
clear: both;
width: 573px;
margin-bottom: 20px;
}

#contents .ptitle_top {
background:url("/image/ptitle-top.png") no-repeat;
height: 20px;
}
#contents .ptitle_cbody {
background:url("/image/ptitle-base.png") repeat-y;
min-height: 100px;
padding-left: 10px;
padding-right: 10px;
}
#contents .ptitle_bottom {
background:url("/image/ptitle-bottom.png") no-repeat;
height: 20px;
}
#contents h2.ptitle {
color: #cb06ac;
font-size: 13px;
}

#contents .go2pagetop {
clear: both;
margin-top: 20px;
margin-left: 450px;
}
#contents .go2blogview {
clear: both;
margin-top: 20px;
margin-left: 450px;
}
#contents .go2page {
clear: both;
margin-left: 450px;
}
#contents .pageroll_l {
margin-top: 20px;
margin-bottom: 40px;
margin-left: 20px;
float:left;
}
#contents .pageroll_r {
margin-top: 20px;
margin-bottom: 40px;
margin-right: 20px;
float:right;
}

/* artlcle */
#contents .article_area {
clear: both;
width: 573px;
margin-bottom: 20px;
}
#contents .article_top {
clear: both;
background:url("/image/article-top.png") no-repeat;
height: 20px;
}
#contents .article_cbody {
min-height: 300px;
clear: both;
background:url("/image/article-base.png") repeat-y;
padding-left: 10px;
padding-right: 10px;
}
#contents .article_bottom {
clear: both;
background:url("/image/article-bottom.png") no-repeat;
height: 20px;
}

#contents div.article_title {
background:url("/image/article-title.png") no-repeat;
background-position: left bottom ;
width: 495px;
padding: 10px;
}

#contents h3.article_title {
font-weight: nomal;
color: #a40014;
padding-top: 5px;
padding-right: 35px;
padding-left: 5px;
}
#contents .article_date {
width: 480px;
font-weight: nomal;
color: #a40014;
text-align: right;
}

#contents p.article_body {
clear: both;
width: 480px;
color: #cb06ac;
font-weight: nomal;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 20px;
}


/* blog */
#contents div.article_blog {
clear: both;
width: 480px;
}
#contents .blog_image {
line-height:1em;
float:left;
width:125px;
}
#contents .blog_body {
color: #cb06ac;
margin-left: 5px;
float: left;
width:345px
}

/* input text */
#contents .input_pink_area {
clear : both;
height: 30px;
background:url("/image/input_pink_left.png") no-repeat;
background-position: left top ;
width: 480px;
}
#contents .input_pink_base {
float:left;
margn: 0;
margin-left: 15px;
height: 30px;
width: 250px;
background:url("/image/input_pink_base.png") repeat-x;
}
#contents .input_pink_r {
height: 30px;
float:left;
background:url("/image/input_pink_right.png") no-repeat;
background-position: left top ;
}

#contents .input_tag {
background:url("/image/input_pink_back2.png") repeat-x;
background-position: center top ;
color: #a40014;
width: 235px;
margin: 3px;
padding: 4px;
border: none;
}


/*
#contents input[type="text"] {
clear: both;
margn: 0;
padding: 2px;
width: 220px;
}
*/


/* input textarea */
#contents .textarea_area {
height: 154px;
background:url("/image/textarea_left.png") no-repeat;
background-position: left top ;
width: 480px;
}
#contents .textarea_base {
float:left;
width: 390px;
margin: 0;
margin-left: 15px;
background:url("/image/textarea_base.png") repeat-x;
}

#contents .textarea_r {
height: 154px;
float:left;
background:url("/image/textarea_right.png") no-repeat;
background-position: left top ;
}



#contents .textarea_tag {
background:url("/image/textare_crean_back.png") repeat;
color: #a40014;
width: 380px;
height: 135px;
margin: 3px;
padding: 4px;
border: none;
}

#contents .blog_cbody {
min-height: 70px;
clear: both;
background:url("/image/article-base.png") repeat-y;
padding-left: 30px;
padding-right: 30px;
}



/* Profile */
#contents h3.profile_media {
font-weight: nomal;
font-color: #a40014;
}


#contents dl dt.row { display: table-row; height: 15px; background:url("/image/line-col.png") no-repeat; }
#contents dl dt     { display: table-cell; padding-right: 0.4em;width: 120px;color: #a40014; clear: both; }
#contents dl dd     { display: table-cell; width: 390px;color: #cb06ac; }



/* comment */
#contents .comment_area {
clear: both;
width: 573px;
margin-bottom: 20px;
}
#contents .comment_top {
background:url("/image/comment-top.png") no-repeat;
height: 20px;
}
#contents .comment_cbody {
clear: both;
background:url("/image/comment-base.png") repeat-y;
padding-left: 10px;
padding-right: 10px;
color: #a40014;
}

#contents .comment_bottom {
clear: both;
background:url("/image/comment-bottom.png") no-repeat;
height: 20px;
}






/* Footer */
#footer_area {
clear: both;
height: 250px;
background:url("/image/footer.png") repeat-x;
}
#footer_navi {
margin:0 auto;
padding:0 auto;
width: 980px;
text-align: center;
list-style-type: none;
}

#footer_navi a:link, #footer_navi a:visited { color:#fff; text-decoration:none; }
#footer_navi a:hover, #footer_navi a:active { color:#fff; text-decoration:underline; }

#footer_navi li, #footer_navi a {
height:28px;
display:block;
}


#footer_navi li {
margin-right: 10px;
padding: 12px 0 10px 0;
float:left;
list-style:none;
display:inline;
}

#footer {
clear: both;
margin:0 auto;
padding:0 auto;
width: 980px;
list-style-type: none;
}