@charset "utf-8";
/*
=COMMON CSS 
*/

.ad_rakuten_wrap {margin-top:-15px}

.display_none {
	position:absolute; 
	top:0; left:0;
	height:0%; 
	font-siZe:0%;
	line-height:0%; 
	visibility:hidden;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
	clear: both;
}

/*
=Layout
*/
a {text-decoration:none}
a:hover {text-decoration:underline;}
#body {width:950px; margin:0 auto; padding-top:15px;}
#header {position:relative; padding-bottom:13px;}
#header #logo_choix {position:absolute; left:0; top:3px; font-size:0%: line-height:0%;}
#header #logo_choix img {float:left; }
#header #logo_choix .desc {float:left; padding-top:33px; padding-left:5px; font-size:12px; color:#ff6600; font-weight:normal;}
#header #util_menu {position:absolute; right:0; top:0px;}
#header #util_menu a {float:left; display:block; padding:3px 0 0 0 ;margin:0 6px 0 6px; color:#000099; font-size:12px; width:auto !important;}
#header #util_menu a.addNews {padding-left:25px; height:18px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px 1px}
#header #util_menu a.bookmark {padding-left:20px; height:16px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -18px}
#header #search {position:absolute;right:0; top:27px;}
#header #search input, #header #search img {vertical-align:middle;}
#header #search input.type_text{width:310px; height:20px; padding:4px 0 0 4px ; border:1px solid #0099cc; font-size:14px; }
#header #banner {padding-top:105px;}
#contents {;}
#bodyContents {float:left; width:637px;}
#sideContents {float:right; width:300px; }

.ico { width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align:middle;*zoom: 1; *display: inline; font-size:0%; line-height:0%; text-indent:-1000em;}
.ico_face {background: url("../../images/common/ico_face.gif") 0 0 no-repeat; width: 14px; height: 14px;}
.ico_photo {width:22px; height:13px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -37px;}
.ico_youTube {width:31px; height:14px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -51px;}
.ico_attention {width:16px; height:15px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -65px;}
.ico_twitter {width:57px; height:11px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -170px;}
.ico_comment {width:15px; height:14px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -81px;}
.ico_twit {width:14px; height:14px; background:url('/assets/front/images/common/ico_v01.png') no-repeat -1px -96px;}
.ico_notice {width:14px; height:14px; background:url('../../images/common/ico_v01.png') no-repeat -1px -111px;}
.ico_care {width:15px; height:15px; background:url('../../images/common/ico_v01.png') no-repeat -1px -126px;}
.ico_rss {width:22px; height:27px; background:url('../../images/common/ico_v01.png') no-repeat -1px -142px;}
.ico_cc {width:88px; height:31px; background:url('../../images/common/ico_v01.png') no-repeat 0 -899px;}
.ico_smartphone {width:25px; height:46px; background:url('../../images/common/ico_v01.png') no-repeat -60px -940px;}
.ico_baer {width:37px; height:45px; background:url('../../images/common/ico_v01.png') no-repeat -13px -943px;}

#sideContents {padding-bottom:15px;}
#sideContents .side_tit {height:19px; padding:5px 0 0 6px; border-bottom:1px solid #e4e4e4;background:url('../../images/common/ico_v01.png') repeat-x 1px -421px; color:#333399;}
#sideContents #notice {margin-bottom:7px; border:1px solid #e4e4e4; border-top-color:#e4e4e4; }
#sideContents #notice .notice_list {padding:6px 8px;font-size:0%; line-height:0%;}
#sideContents #notice .notice_list li{font-size:11px; line-height:20px;}
#sideContents #notice .notice_list li a{color:#666666}

#sideContents #join {height:97px; margin-bottom:7px; border:1px solid #e4e4e4; border-top-color:#e4e4e4;}
#sideContents #join .join_contents {padding:11px 0 0 13px;}
#sideContents #join .join_contents .visual {float:left ; width:37px; height:45px; margin-right:8px;}
#sideContents #join .join_contents p {padding-bottom:7px;}
#sideContents #join .join_contents .info {float:left;}
#join .ico {text-indent:0;}

.btn_set {background:url('../../images/common/ico_v01.png') repeat-x 1px -869px;}
.btn_set a{display:block; background:url('../../images/common/ico_v01.png') no-repeat right -839px; color:#006699;}
.btn_set a span{display:block; height:22px; padding-top:7px;background:url('../../images/common/ico_v01.png') no-repeat left -809px; text-align:center; cursor:pointer;}
.w200 {width:200px;}

#sideContents .image_banner  {margin-bottom:6px; font-size:0%; line-height:0%}

#sideContents #choix_live {margin-bottom:15px; border:1px solid #e4e4e4;}
#sideContents #choix_live .choix_live_list {padding:7px 0 7px 13px; }
#sideContents #choix_live .choix_live_list li{padding:3px; 0 3px 0 ;}
#sideContents #choix_live .choix_live_list li a {color:#0066ff;}

#sideContents .google_banner {margin-bottom:15px; font-size:0%; line-height:0%;}


#sideContents #newest {margin-bottom:15px; border:1px solid #e4e4e4;}
#newest .new_comment {float:left;  border-right:1px solid #e4e4e4;}
#newest .new_twitter {float:left;}
#newest .new_comment a {padding:0 0 0 6px; width:142px; border-bottom:1px solid #e4e4e4;}
#newest .new_twitter a { padding:0 0 0 6px; width:143px; border-bottom:1px solid #e4e4e4;}
#newest  a.tab {display:block; height:19px; padding-top:6px;background:url('../../images/common/ico_v01.png') repeat-x 1px -990px; text-decoration:none;}
#newest  a.on {border-bottom:1px solid #ffffff }
#newest  .newest_contents {clear:both; padding:13px 13px 13px 13px;}
#newest  .ico {text-indent:0;}

#newest  .newest_contents .new_comment_list li {position:relative;padding-left:20px; padding-bottom:15px; letter-spacing:-1px; color:#0066ff;word-wrap: break-word;}
#newest  .newest_contents .new_comment_list a{color:#0066ff}
#newest  .newest_contents .new_comment_list li .ico {position:absolute; left:0; _left:-20px; top:0;}

#newest  .newest_contents .new_twitter_list li {position:relative; padding-left:20px; padding-bottom:15px; letter-spacing:-1px; color:#0066ff}
#newest  .newest_contents .new_twitter_list a{color:#0066ff}
#newest  .newest_contents .new_twitter_list li .ico {position:absolute; left:0; _left:-20px; top:0;}

.newest_contents .btn_set {width:200px; margin:0 auto;}

#sideContents #mobile_info {padding-bottom:15px;width:300px;overflow:visible}
#sideContents #mobile_info .q_code {float:left; }
#sideContents #mobile_info p {float:left; padding:0 0 0 5px; color:#666666; font-size:12px;}

#siteInfo {padding-bottom:0px;}
#siteInfo #footer_search{padding:5px 0 4px 7px; border-top:1px solid #e9e9e9; text-align:center; color:#999999;}
#siteInfo #footer_search a {margin:0 2px ;}
#siteInfo #footer_search a:hover , #siteInfo #footer_search a.current {color:#000000; font-weight:bold; letter-spacing:-1px;}
#siteInfo #footer_search input , #siteInfo #footer_search img {vertical-align:middle;}
#siteInfo #footer_search input.type_text {width:310px; height:20px; padding:4px 0 0 4px; border:1px solid #0099cc}

#siteInfo #recommand_site{padding:11px 0 10px 7px; border-top:1px solid #e9e9e9; color:#3333cc; }
#siteInfo #recommand_site a {color:#3333cc; margin:0 2px ;}

#siteInfo #footer_menu{padding:5px 0 6px 3px; border-top:1px solid #e9e9e9; color:#000099; }
#siteInfo #footer_menu a { color:#000099; margin:3px;}
#siteInfo #footer_menu a.rss { color:#ff6600; margin:3px;}

#siteInfo #information {padding:22px 0 29px 12px; border-top:1px solid #e9e9e9; border-bottom:1px solid #7f7f7f; background:url('../../images/common/ico_v01.png') repeat-x 0 bottom}
#siteInfo #cc {float:left; width:88px; height:31px; margin-right:7px; }
#siteInfo #cc a {display:block; width:88px; height:31px; background:url('../../images/common/ico_v01.png') no-repeat 0 -899px; text-indent:-30000em}
#siteInfo address { color:#3333cc; padding-top:3px;}
#siteInfo address p {font-style:normal; font-size:11px; color:#666666;}

/*
RSS, TWITTER CONTENTS
*/
.noticeable_contents .rss_contents {padding-bottom:15px; }
.rss_contents .rate {float:left; width:50px; height:62px;text-align:center; }
.rss_contents .r99  {background:url('../../images/common/ico_v01.png') no-repeat left -445px; font-size:18px;}
.rss_contents .r999 {background:url('../../images/common/ico_v01.png') no-repeat -50px -445px; font-size:18px;}
.rss_contents .r9999 {background:url('../../images/common/ico_v01.png') no-repeat left -508px; font-size:13px;}
.rss_contents .r99999 {background:url('../../images/common/ico_v01.png') no-repeat -50px -508px; font-size:11px;}
.rss_contents .rate strong {display:block ;height:15px; padding-top:13px; padding-bottom:5px;font-family:arial; color:#666666; line-height:1;}
.rss_contents .rate a {display:block ;font-size:12px; font-family:'MS UI Gothic'; color:#6666cc; line-height:1;}

.rss_contents .text {float:left ;padding-left:10px; width:550px;}
.rss_contents .with_img {width:440px;}
.rss_contents .text .title {font-size:14px; color:#3333cc; font-weight:normal;}
.rss_contents .text .title a { color:#3333cc; line-height:1.2;}
.rss_contents .text .title a span{color:#999999; font-size:10px;}
.rss_contents .text .title a:hover span{color:#0000ff;}
.rss_contents .text .information {color:#999999; font-size:10px;}
.rss_contents .text .information a {color:#3300ff}
.rss_contents .text .information em {font-style:normal;}
.rss_contents .text .desc {color:#666666; font-size:12px; line-height:1.8;}
.rss_contents .subInfo {border-top:1px solid #ffffff;}
.rss_contents .subInfo .ico {vertical-align:middle; margin:0 3px;}
.rss_contents .subInfo a {color:#3333cc}
.rss_contents .media {float:right; width:91px; height:76px; padding:4px 0 0 5px; margin-top:2px; background:url('../../images/common/ico_v01.png') no-repeat -1px -299px; font-size:0%; line-height:0%;}
.rss_contents .media a { font-size:0%; line-height:0%;}

.noticeable_contents .twitter_contents {padding-bottom:15px; }
.twitter_contents .rate {float:left; width:50px; height:62px;text-align:center; }
.twitter_contents .r99  {background:url('../../images/common/ico_v01.png') no-repeat left -572px; font-size:18px;}
.twitter_contents .r999 {background:url('../../images/common/ico_v01.png') no-repeat -50px -572px; font-size:18px;}
.twitter_contents .r9999 {background:url('../../images/common/ico_v01.png') no-repeat left -635px; font-size:13px;}
.twitter_contents .r99999 {background:url('../../images/common/ico_v01.png') no-repeat -50px -635px; font-size:11px;}
.twitter_contents .rate strong {display:block ;height:15px; padding-top:13px; padding-bottom:5px;font-family:arial; color:#ffffff; line-height:1;}
.twitter_contents .rate a {display:block ;font-size:12px; font-family:'MS UI Gothic'; color:#ffffff; line-height:1;}

.twitter_contents .text {float:left ;padding-left:10px; width:550px;}
.twitter_contents .with_img {width:440px;}
.twitter_contents .text .title {font-size:14px; color:#3333cc; font-weight:normal;}
.twitter_contents .text .title a { color:#3333cc; line-height:1.2;}
.twitter_contents .text .information {color:#999999; font-size:10px;}
.twitter_contents .text .information a {color:#3300ff}
.twitter_contents .text .information em {font-style:normal;}
.twitter_contents .text .desc {color:#666666; font-size:12px; line-height:1.8;}
.twitter_contents .text .desc strong {color:#ff6600;}
.twitter_contents .timeLine {color:#333}
.twitter_contents .timeLine a{color:#333}
.twitter_contents .media {float:right; width:91px; height:76px; padding:4px 0 0 5px; margin-top:2px; background:url('../../images/common/ico_v01.png') no-repeat -1px -299px; font-size:0%; line-height:0%;}
.twitter_contents .media a { font-size:0%; line-height:0%;}

.ellipsis {
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis; /*Opera 9*/
 -ms-text-overflow:ellipsis; /* IE 8 above */
 /*-moz-binding: url('ellipsis.xml#ellipsis'); /* firefox 3*/*/
 text-overflow:ellipsis;
}
 .btnScroll {float:left; display:block; margin-top:20x;}

.shrinker {width:580px!important; margin: 0 0 5px 5px!important; float:left; display:block;}
.shrinker div.rss_contents {width:580px!important;}
.shrinker .rss_contents .text {width:400px!important;}
.shrinker .with_img {width:400px!important;}
.shrinker .rss_contents .media {margin:2px 11px!important;}

.va_m {vertical-align:middle !important;}

/*add GNB*/
#GNB {position:absolute; top:70px; left:0; font-family:mspgothic ; font-size:12px; border-bottom:1px solid #0030ff;border-top:1px solid #0030ff; padding:5px 0 3px 2px; width:950px;}
#GNB a {color:#31309c}
/*add GNB*/

.keyword .bglineComment {background:url("../../images/common/ico_v01.png") repeat-x left -380px;height:14px;margin-bottom:18px;padding:6px 10px 0 9px;border-top:1px solid #bddcdf; margin-top:20px; color:#000;}
.keyword .bglineComment h2 {float: left;}
.keyword .bglineComment a {float: right; color: #333399;}
.keyword_cont {padding: 0 10px 50px;}
.keyword_cont a {color: #333399; margin-right: 5px; white-space: nowrap;}
.keyword .pageList {padding: 0; text-align: center;}
.keyword .pageList li {padding: 0 7px;}
.keyword .pageList a {color: #333399; text-decoration: none;}
.keyword .pageList span {color: #333399; font-weight: bold;}