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

body {
	margin:0; padding:0;
	color:#333333;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	vertical-align:baseline;
	line-height:140%;
	background:url(//img.ntcdn.net/images/note/bg/bg_mynote_h.gif) top repeat-x;
}

img {border:0; margin:0;}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, form, blockquote, form {margin:0; padding:0;}

h1 { font-size:200%; }
h2 { font-size:180%; }
h3 { font-size:160%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:110%; }

ul, li { list-style:none; }

table th {text-align:center; vertical-align:baseline;}
table td {vertical-align:baseline;}


/* form field */
input {vertical-align:middle;}
input.input_text {border:1px solid #c9c9c9; padding-left:3px}
textarea {border:1px solid #c9c9c9}

/* text-align */
.t_ac {text-align:center;}
.t_ar {text-align:right;}
.t_al {text-align:left;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* cursor */
.curP {cursor:pointer;}

/* font */
.bold {font-weight:bold}

/* float clear */
.clear:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {min-height:1px;}
* html .clear { height:1px; }

/* border */
.e6bd1{border:1px solid #e6e6e6;}

/* line */
.dash_2px {height:1px; background:url(//img.ntcdn.net/images/note/line/line_h_2px_dash.gif) repeat-x;}

/* margin */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}

/* color */
.e01 {color:#e01e36}

/* a link */
a:link, a:visited {color:#333333; text-decoration:none;}
a:hover, a:active {color:#fe8227; text-decoration:underline;}
a.c_gray:link, a.c_gray:visited {color:#8f8f8f; text-decoration:none;}
a.c_gray:hover, a.c_gray:active {color:#fe8227; text-decoration:underline;}
a.c_red:link, a.c_red:visited {color:#e01e36; text-decoration:none;}
a.c_red:hover, a.c_red:active {color:#fe8227; text-decoration:underline;}


p.sec_mod {float:left; width:45px; height:12px; margin:2px 4px 0 0; background:url(//img.ntcdn.net/images/note/bu/bu_btn_ico_sec.gif) no-repeat;}
p.ho {background-position:-10px -70px}
p.fo {background-position:-60px -70px}
p.sh {background-position:-110px -70px}
p.pl {background-position:-160px -70px}
p.se {background-position:-210px -70px}
p.et {background-position:-260px -70px}

p.star_point {margin-left:3px; margin-top:2px}
p.star_point span {font-weight:bold; color:#e01e36;}

/* star */
ul.small_star li.on_l {float:left; width:7px; height:12px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -10px -37px no-repeat;}
ul.small_star li.on_r {float:left; width:7px; height:12px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -22px -37px no-repeat;}
ul.small_star li.off_l {float:left; width:7px; height:12px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -10px -10px no-repeat;}
ul.small_star li.off_r {float:left; width:7px; height:12px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -22px -10px no-repeat;}

/* no image */
.noImage170 {width:170px; height:170px; background:url(//img.ntcdn.net/images/note/bg/bg_no_image.gif) -34px -33px no-repeat !important;}
.noImage115 {width:115px; height:115px; background:url(//img.ntcdn.net/images/note/bg/bg_no_image.gif) -212px -88px no-repeat !important;}
.noImage84 {width:84px; height:84px; background:url(//img.ntcdn.net/images/note/bg/bg_no_image.gif) -336px -120px no-repeat !important;}
.noImage55 {width:55px; height:55px; background:url(//img.ntcdn.net/images/note/bg/bg_no_image.gif) -428px -149px no-repeat !important;}

/* mynote no image */
.mynote_noimage {width:170px; height:170px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_mynote_noimage.gif) left top no-repeat !important;}

/* btn */
.text_btn_out_bg {height:18px; background:url(//img.ntcdn.net/images/note/bg/bg_btn_right.gif) top right no-repeat;}
.text_btn_inner_a {float:left; display:block; height:18px; padding:0 7px 0 7px; background:url(//img.ntcdn.net/images/note/bg/bg_btn_left.gif) top left no-repeat; text-decoration:none;}
a.text_btn_inner_a:hover, a.text_btn_inner_a:active {color:#333333; text-decoration:none;}
.text_btn_inner_a span {display:block; margin-top:-1px;}


/* page no navigation */
ul#page_no_nav {padding-bottom:1px;}
ul#page_no_nav li {display:inline; margin-right:5px; }
ul#page_no_nav li a {border:1px solid #d9d9d9; margin-right:4px; padding:1px 3px 1px 3px; font-weight:bold; color:#888888;}
ul#page_no_nav li a:hover {background-color:#f1f1f1; color:#333333;}
ul#page_no_nav li a.now {background-color:#f1f1f1; color:#333333; text-decoration:none; cursor:default;}
ul#page_no_nav li a.next_pre {border:0;}
ul#page_no_nav li a.next_pre:hover {border:0; background-color:transparent; color:#333333;}


/* blog icon */
.b_yahoo {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/yahoo.gif) left 50% no-repeat;}
.b_ameblo {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/ameblo.gif) left 50% no-repeat;}
.b_fc2 {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/fc2.gif) left 50% no-repeat;}
.b_goo {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/goo.gif) left 50% no-repeat;}
.b_jugem {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/jugem.gif) left 50% no-repeat;}
.b_livedoor {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/livedoor.gif) left 50% no-repeat;}
.b_rakuten {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/rakuten.gif) left 50% no-repeat;}
.b_yaplog {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/yaplog.gif) left 50% no-repeat;}
.b_seesaa {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/seesaa.gif) left 50% no-repeat;}
.b_cocolog {padding-left:48px; background:url(//img.ntcdn.net/images/0802/icon/cocolog.gif) left 50% no-repeat;}


#wrap {width:991px; margin: 0 auto; padding:46px 0 0 0;}
#inner_wrap {padding:0 7px;}
#profile_menu {float:left; width:194px; margin-top:18px;}
#content {float:right; width:768px; margin-top:18px;}
#content h3.fl{ background:url(//img.ntcdn.net/images/note/bu/bu_tit_my.gif) no-repeat; padding-left:18px; padding-bottom:5px;}
#content_body {width:526px; }
#content_r_bar {width:227px; }

#mynote_header h1 {font-size:20px; line-height:140%;}
#mynote_header h2 {margin-left:3px; font-size:small;}

#profile_menu div#profile {padding-top:10px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_top.gif) left top no-repeat; background-color:#fedfc9;}
#profile_menu div#logon_count_info {margin-bottom:10px; padding-top:5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_top.gif) left top no-repeat; background-color:#fedfc9;}
#profile_menu div#logon_count_info p {height:23px; padding:0 10px 0 10px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_bottom.gif) left bottom no-repeat;}
div#pf_photo_out {margin:0 auto; width:174px; height:174px;}
div#pf_photo_out div.pf_photo_bg {padding:2px; background-color:#FFFFFF}
/*div#pf_photo_out div.pf_photo_border {border:1px solid #d9d9d9;}*/
div#pf_photo_out div.pf_photo_border p {width:170px; height:170px;}
#profile_menu div#pf_menu {padding:5px 5px 10px 5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_bottom.gif) left bottom no-repeat;}
#profile_menu div#pf_menu ul {margin:0 auto; width:174px; padding-left:5px;}
#profile_menu div#menu {margin-top:10px; padding-top:10px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_top.gif) left top no-repeat; background-color:#fedfc9;}
#profile_menu div#menu div {padding:0 5px 10px 5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_profile_bottom.gif) left bottom no-repeat;}
#profile_menu div#menu div ul {margin:0 auto; width:174px; padding-left:5px;}

#cb_tnote {margin-top:5px; padding-top:5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_cb_top.gif) left top no-repeat; background-color:#fedfc9;}
#cb_tnote h3 {margin-left:10px; padding-bottom:3px; font-size:small; font-weight:bold;}

#main_note_list {padding:10px 10px 0 10px; background-color:#fff3eb;}
div.note_photo {float:left; width:84px; height:84px; padding:2px; border:1px solid #cacaca; background-color:#FFFFFF}
div.note_photo p {width:84px; height:84px; background-position:center; cursor:pointer;}
div.note_detail {width:410px; margin-top:-3px;}
div.note_detail p.sec_mod {margin-top:4px;}
div.note_detail h4 {float:left; font-size:small;}
div.note_detail ul.small_star {float:left; margin:4px 1px 0 8px;}
div.note_detail p.star_point {float:left; margin-top:1px;}
#main_note_list div.note_detail p.sub_title {clear:both; font-weight:bold;}

#main_note_list ul.note_count_d {margin-left:-5px;}
#main_note_list ul.note_count_d li {display:inline; margin:0 5px;}
#main_note_list li.morethan_note {margin-top:10px; padding-bottom:5px; border-bottom:1px solid #fbd1b3;}
#content p.main_note_more {text-align:right; padding:0 10px 5px 0; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_cb_bottom.gif) left bottom no-repeat; background-color:#fff3eb;}

div.main_line_box {margin-top:10px; padding-top:5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_cb_line_top.gif) left top no-repeat;}
div.main_line_box div.top_wrap {margin-top:4px; padding:0 10px; border-left:1px solid #ffc195; border-right:1px solid #ffc195;}
div.main_line_box div.top_wrap h3 {font-size:small; font-weight:bold;}
div.main_line_box p {text-align:right; padding:5px 10px 0 0; border-left:1px solid #ffc195; border-right:1px solid #ffc195;}
table.gen_list {width:100%; margin-top:2px; border-collapse:collapse;}
table.gen_list th {font-weight:normal; border:1px solid #fbd1b3; background-color:#fff3eb;}
table.gen_list td {border:1px solid #fbd1b3; text-align:center;}
div.main_line_box div.bottom_wrap {margin-top:-4px; height:9px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_cb_line_bottom.gif) left bottom no-repeat;}

#content_r_bar div.head {padding-top:5px; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_rbar_top.gif) left top no-repeat; background-color:#fedfc9;}
#content_r_bar div.head h3 {margin-left:10px; padding-bottom:3px; font-size:small; font-weight:bold;}
#content_r_bar ul {padding:5px 10px 0 10px; background-color:#fff3eb;}
#content_r_bar div.blog_photo {float:left; width:55px; height:55px; padding:2px; border:1px solid #cacaca;}
#content_r_bar div.blog_photo p {width:55px; height:55px; background-position:center;}
#content_r_bar div.blog_title {float:right; width:142px;}
#content_r_bar ul li.morethan_blog {margin-top:10px; padding-bottom:5px; border-bottom:1px solid #fbd1b3;}
#content_r_bar p.main_note_more {text-align:right; padding:0 10px 5px 0; background:url(//img.ntcdn.net/images/note/bg/mynote/bg_cb_bottom.gif) left bottom no-repeat; background-color:#fff3eb;}


table.my_edit {clear:both; width:100%; margin:10px 0 10px 0; background-color:#d0c8b0; text-align:center;}
table.my_edit th{padding:3px; background-color:#fbf8ef; color:#686868;}
table.my_edit td{padding:3px; background-color:#fff;}
table.my_edit span{color:#f35f21;}

.tit_graydot{clear:both; height:5px; margin:0; padding:0; background:url(//img.ntcdn.net/images/0802/line/dotgay01.gif) repeat-x bottom;}

/* blog */
div.bd {margin-top:10px;}
div.bd h3 {height:22px; margin-bottom:5px; padding-top:2px; padding-left:57px; background:url(//img.ntcdn.net/images/0802/icon/yahoo.gif) 7px 50% no-repeat #e6eec4; font-size:small;}
div.bd h3.yahoo {}
div.bd div.blog_photo {float:left; width:84px; height:84px; padding:2px; border:1px solid #cacaca;}
div.bd div.blog_photo p {width:84px; height:84px; background-position:center;}
div.bd p.blog_contents {float:right; width:660px; margin-right:6px; display:inline; line-height:18px;}
div.bd ul.blog_metadata {margin-top:2px; margin-left:7px; float:left;}
div.bd ul.blog_metadata li {float:left;}
div.bd ul.blog_metadata li.ml18 {margin-left:18px}
div.bd div.recommend {margin-top:2px; float:right;}
div.bd div.recommend p.rec_count {float:left; margin-right:5px;}


/* member navi */
#m_nav_main {width:134px; height:49px;}		/* 3개일때 height:87px */ /* 길이에 따라 width:174px */
#m_nav_main div.main_l {float:left; width:3px; height:49px; background:url(//img.ntcdn.net/images/note/bg/member_nav/l_bar.png) left top no-repeat;}		/* height:87px */
* html #m_nav_main div.main_l {
	background-image:url(//img.ntcdn.net/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/images/note/bg/member_nav/l_bar.png',sizingMethod='crop');
}
#m_nav_main div.main_c {float:left; width:128px; border-top:1px solid #adadad; background-color:#FFFFFF}	/* 길이에 따라 width:168px */
#m_nav_main div.main_r {float:left; width:3px; height:49px; background:url(//img.ntcdn.net/images/note/bg/member_nav/r_bar.png) left top no-repeat;}		/* height:87px */
* html #m_nav_main div.main_r {
	background-image:url(//img.ntcdn.net/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/images/note/bg/member_nav/r_bar.png',sizingMethod='crop');
}

#m_nav_main ul {background:url(//img.ntcdn.net/images/note/line/line_h_2px_dash.gif) bottom repeat-x; padding-bottom:5px;}
#m_nav_main ul li {margin-left:5px;}
#m_nav_main p {text-align:right;}
#m_nav_main p img {cursor:pointer;}

#m_nav_bt {width:134px; height:6px;}		/* 길이에 따라 width:174px */
#m_nav_bt div.bt_l {float:left; width:4px; height:6px; background:url(//img.ntcdn.net/images/note/bg/member_nav/bt_l.png) left top no-repeat;}
* html #m_nav_bt div.bt_l {
	background-image:url(//img.ntcdn.net/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/images/note/bg/member_nav/bt_l.png',sizingMethod='crop');
}
#m_nav_bt div.bt_c {float:left; width:126px; height:6px; background:url(//img.ntcdn.net/images/note/bg/member_nav/bt_c.png) left top no-repeat;}		/* 길이에 따라 width:166px */
* html #m_nav_bt div.bt_c {
	background-image:url(//img.ntcdn.net/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/images/note/bg/member_nav/bt_c.png',sizingMethod='crop');
}
#m_nav_bt div.bt_r {float:left; width:4px; height:6px; background:url(//img.ntcdn.net/images/note/bg/member_nav/bt_r.png) left top no-repeat;}
* html #m_nav_bt div.bt_r {
	background-image:url(//img.ntcdn.net/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/images/note/bg/member_nav/bt_r.png',sizingMethod='crop');
}