@charset "utf-8";
/* CSS Document */
html {
overflow-x: hidden;
}


#mediaArea {
font-size: 13px;
}

#mediaArea a:focus {
	outline:none;
}
#mediaArea a, a:link, a:visited, a:focus, a:active {
	color: #6CA6E6;
	text-decoration: underline;
}
#mediaArea a:hover {
	color: #ccc;
	text-decoration: none;
}
#mediaArea #pankuzuArea a, a:link, a:visited, a:focus, a:active {
	color: #6CA6E6;
	text-decoration: underline;
}
#mediaArea #pankuzuArea a:hover {
	text-decoration:none;
	color:#ccc;
}

/* --------------------------------------------------
   mainimgArea
-------------------------------------------------- */
#mediaArea #mainimgArea {
	width:auto;
	background:url(../../images/media/bg.jpg) repeat-x;
	height:100px;
	padding-top:3px;	
}
#mediaArea #mainimgArea h2 {
	background:url(../../images/media/title.jpg) no-repeat;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	margin-bottom:1px;
	text-indent:-9999px;
}

/* --------------------------------------------------
   mainArea
-------------------------------------------------- */
#mediaArea #mainArea {
	float:right;
	width:670px;
}
#mediaArea #mainArea .line {
	width:650px;
	border-bottom: #F2F4F4 4px solid;
	font-size:0%;
	margin-bottom:20px;

}	
#mediaArea #mainArea h3{
	background:url(../../images/media/list_title.jpg) no-repeat;
	height:35px;
	width:670px;
	text-indent:-9999px;
	margin-bottom:35px;
}
#mediaArea #mainArea .m_body {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}	
#mediaArea #mainArea .pangenavi {
	text-align:right;
	margin-bottom:8px;
}

#mediaArea #mainArea .m_body .list_box {
	width:650px;
	border-bottom:#C8C9CA dotted 1px;
	line-height:150%;
	padding-bottom:15px;
	padding-top:10px;
}
#mediaArea #mainArea .m_body .list_box .date {
	font-weight:bold;
	font-family:Verdana;
	float:left;
	color:#6CA6E6;
	padding-left:8px;
	padding-right:12px;
	width:74px;
	font-size:12px;
}
#mediaArea #mainArea .m_body .list_box .icon {
	width:27px;
	float:left;
	padding-top:5px;
}
#mediaArea #mainArea .m_body .list_box .comment {
	padding-left:5px;
	padding-right:8px;
	float:right;
	width:510px;
}
#mediaArea #mainArea .m_body .list_box .comment a:link {
	color:#333;
	text-decoration:underline;
}
#mediaArea #mainArea .m_body .list_box .comment a:visited {
	color:#333;
	text-decoration:underline;
}
#mediaArea #mainArea .m_body .list_box .comment a:hover {
	color:#6CA6E6;
	text-decoration:none;
}

#mediaArea #mainArea .m_body .d_box .date {
	font-weight:bold;
	font-family:Verdana;
	float:left;
	color:#6CA6E6;
	padding-left:8px;
	padding-right:12px;
	width:74px;
	font-size:12px;
}
#mediaArea #mainArea .m_body .d_box .icon {
	width:27px;
	float:left;
}


#mediaArea #mainArea .m_body .d_box h4.d_title {
	font-size:16px;
	font-weight: bold;
	padding-left:8px;
	padding-top:10px;
	padding-bottom:14px;
}
#mediaArea #mainArea .m_body .detail_note {
	width:630px;
	line-height:150%;
	padding:10px;
}
#mediaArea #mainArea .m_body .detail_note .nd_img {
	margin-top:25px;
	margin-bottom:25px;
}
#mediaArea #mainArea .f_btnArea {
	width:427px;
	margin-left:auto;
	margin-right:auto;
}	
#mediaArea #mainArea .m_body .con_btn {
	background:url(../../images/media/contact_btn.jpg) no-repeat;
	height:46px;
	width:206px;
	float:left;
	margin-right:15px;
}
#mediaArea #mainArea .m_body .con_btn a{
	background:url(../../images/media/contact_btn.jpg) no-repeat;
	height:46px;
	width:206px;
	display:block;
	text-indent:-9999px;
}
#mediaArea #mainArea .m_body .con_btn a:hover{
	background:url(../../images/media/contact_btn_on.jpg) no-repeat;
}
#mediaArea #mainArea .m_body .back_btn {
	background:url(../../images/media/back_btn.jpg) no-repeat;
	height:46px;
	width:206px;
	float:left;
}
#mediaArea #mainArea .m_body .back_btn a{
	background:url(../../images/media/back_btn.jpg) no-repeat;
	height:46px;
	width:206px;
	display:block;
	text-indent:-9999px;
}
#mediaArea #mainArea .m_body .back_btn a:hover{
	background:url(../../images/media/back_btn_on.jpg) no-repeat;
}
#mediaArea #mainArea .pagetop {
	text-align:right;
	margin-bottom:10px;
	clear:both;
	padding-top:30px;	
}				

/* --------------------------------------------------
   sideBar
-------------------------------------------------- */

#mediaArea #sideBar {
	float: left;
	width: 210px;
	display: block;
}

#mediaArea #sideBar #s_mn {
	background:#F4F6F6;
	width:198px;
	padding:6px;
	margin-bottom:20px;
}
#mediaArea #sideBar #s_mn ul {
	list-style:none;
}
#mediaArea #sideBar #s_mn li.smn1 {
	list-style:none;
	background:url(../../images/share/smn1.jpg) no-repeat;
	height:30px;
	width:198px;
	margin-bottom:4px;
}
#mediaArea #sideBar #s_mn li.smn1 a{
	list-style:none;
	background:url(../../images/share/smn1.jpg) no-repeat;
	height:30px;
	width:198px;
	text-indent:-9999px;
	display:block;
}
#mediaArea #sideBar #s_mn li.smn1 a:hover{
	background:url(../../images/share/smn1_on.jpg) no-repeat;
}
#mediaArea #sideBar #s_mn li.smn2 {
	list-style:none;
	background:url(../../images/share/smn2.jpg) no-repeat;
	height:30px;
	width:198px;
	margin-bottom:4px;
}
#mediaArea #sideBar #s_mn li.smn2 a{
	list-style:none;
	background:url(../../images/share/smn2.jpg) no-repeat;
	height:30px;
	width:198px;
	text-indent:-9999px;
	display:block;
}
#mediaArea #sideBar #s_mn li.smn2 a:hover{
	background:url(../../images/share/smn2_on.jpg) no-repeat;
}
#mediaArea #sideBar #s_mn li.smn3 {
	list-style:none;
	background:url(../../images/share/smn3.jpg) no-repeat;
	height:30px;
	width:198px;
}
#mediaArea #sideBar #s_mn li.smn3 a{
	list-style:none;
	background:url(../../images/share/smn3.jpg) no-repeat;
	height:30px;
	width:198px;
	text-indent:-9999px;
	display:block;
}
#mediaArea #sideBar #s_mn li.smn3 a:hover{
	background:url(../../images/share/smn3_on.jpg) no-repeat;
}

#mediaArea #sideBar .archive_title{
	background: url(../../images/media/archive_title.jpg) no-repeat;
	height:33px;
	width:210px;
	text-indent:-9999px;
}
#mediaArea #sideBar #archiveArea {
	background:#F4F6F6;
	width:198px;
	padding:6px;
	margin-bottom:20px;
}	
#archiveArea .archivelist {
	background:#FFFFFF;
	width:170px;
	padding:8px 14px;
}
#mediaArea #sideBar #archiveArea .archivelist ul.list {
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}

 
#mediaArea #sideBar #archiveArea .archivelist ul.list li {
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 8px 20px;
    background: url(../../images/media/arrow.jpg) no-repeat 3px 0.2em;
    list-style: none;
	border-bottom:1px #C8C9CA dotted;
}

.nd_thumb {
	float:left;
	padding-right:10px;
}