/*
Theme Name:voice
*/


/*******************************************************************************************************************
 共通設定 
 *******************************************************************************************************************/

/*================================================================================================
リセット
================================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;	padding:0;}
img{border:none; margin:0; padding:0;}
li{list-style-type:none; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing: 0;}


/*================================================================================================
フォント設定
================================================================================================*/
body{font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
;;body{font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
*:first-child+html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
* html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}


/*================================================================================================
基本設定
================================================================================================*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearfix{display:block;}
.clear{clear:both;}
.bold{font-weight:bold;}

/*
span{color:#FF3300;}
*/



/*================================================================================================
全体共通:::::::::::::::::::::::::::::::::::
================================================================================================*/

body{
	font-size: 12px;
	line-height:150%;
	font-weight:normal;
	color:#666;
	background:#fff;
}
.wrapper{width:1200px; margin:0px auto 0px auto;}
#contents .wrapper{width:960px; position:relative;}

body a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*================================================================================================
aタグの設定:::::::::::::::::::::::::::::::::::
================================================================================================*/

a         { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover   { color: #666; text-decoration: none; }
a:active  { color: #666; text-decoration: none; }

.kaitori_area_box p a{ color: #fff; text-decoration:none; }
.kaitori_area_box p a:visited{ color: #fff; text-decoration:none; }
.kaitori_area_box p a:hover{ color: #eee; text-decoration:none; }
.kaitori_area_box p a:active{ color: #eee; text-decoration:none; }


a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}


/*================================================================================================
TOPページ:::::::::::::::::::::::::::::::::::
================================================================================================*/
#header{margin-top:20px; margin-bottom:5px;}
#logo{width:289px; height:76px; padding:5px 54px 0 0; float:left;}
#header_tel{width:397px; height:88px; padding-right:18px; float:left;}
#header .wrapper{width:1024px; position:relative;}
#header_linktext li{font-size:11px; float:left; padding-right:8px;}

#g_menu .wrapper{width:1024px; position:relative;}
.g_menu_img{float:left;}

#top_main{padding:5px 0 8px 0;}
#top_main .wrapper{width:1024px; position:relative;}

#main_contents{margin-bottom:80px;}
#main_contents .wrapper{width:1024px; position:relative;}
#side_area{width:270px; float:left;}

.side_title{padding-bottom:9px;}
#side_genre{margin-bottom:50px;}
.side_genre_imgarea{width:125px; height:125px; border:#999 solid 1px; margin-bottom:5px;}
.genre_linktext{width:125px; text-align:center;}
.side_box_area{width:125px; float:left; margin:0 8px 12px 0;}

#side_maker{margin-bottom:30px;}
.side_maker_imgarea{width:125px; height:125px; border:#999 solid 1px; margin-bottom:5px;}
.maker_linktext{width:125px; text-align:center;}

#side_hr{border:solid 1px #eee; width:260px; margin-bottom:20px;}

#side_kaitori_area{margin-bottom:20px; height:250px;}
#side_kaitori_area_img{margin-bottom:5px;}
.kaitori_area_box{width:84px; height:30px; background-color:#aaa;}
.kaitori_area_box p{color:#fff; font-weight:bold; text-align:center; padding-top:8px;}
#side_kaitori_area_text{float:left; width:84px; height:30px; margin:0 3px 3px 0;}

#main_area{width:734px; float:right;}
.top_bnr_img{margin-bottom:24px;}

.topics_title{width:355px; height:27px; margin-bottom:10px;}
.topics_box{width:323px; height:220px; overflow-y:scroll; padding:15px; border:solid 1px #CCCCCC;}
.topic_time p{font-size:11px;}
.topic_cont{margin-bottom:15px;}

#topics_area{height:290px; margin-bottom:30px;}
#topics_area_l{width:355px; float:left;}
#topics_area_r{width:355px; float:right;}

.top_img{margin:0 0 30px 0;}
.top_img p{font-size:15px; font-weight:bold; padding:10px 0 0 0; color:#777;}

.top_title_img{margin-bottom:10px;}

#top_gimon{height:160px; margin-bottom:20px;}
#top_gimon_l{width:242px; height:150px; float:left;}
#top_gimon_r{width:445px; height:120px; border:solid 1px #e0e0e0; float:right; overflow-y:scroll; padding:15px;}
#top_gimon_r li{margin-bottom:10px;}

#voice_area{width:704px; height:300px; border:solid 1px #dbdbdb; float:right; overflow-y:scroll; padding:15px; margin-bottom:25px;}
.voice_text_mini li{float:left; padding-right:15px; font-size:11px; font-weight:bold;}
.voice_text{margin-bottom:15px;}


/*================================================================================================
下層ページ共通:::::::::::::::::::::::::::::::::::
================================================================================================*/
#g_menu_under{margin-bottom:30px;}
#g_menu_under .wrapper{width:1024px; position:relative;}
.g_menu_img{float:left;}
#side_genre_list li{margin:5px 0 15px 0;}
#side_maker_list li{margin:5px 0 15px 0;}

/*================================================================================================
フッター共通:::::::::::::::::::::::::::::::::::
================================================================================================*/
#footer{background-color:#333; height:200px;}
#footer_link{text-align:center; padding-top:50px; color:#d6d6d6;}

#footer_link a         { color: #d6d6d6; text-decoration: underline; }
#footer_link a:visited { color: #d6d6d6; text-decoration: underline; }
#footer_link a:hover   { color: #d6d6d6; text-decoration: none; }
#footer_link a:active  { color: #d6d6d6; text-decoration: none; }

#copyright{margin-top:30px;}


/*================================================================================================
CMS:::::::::::::::::::::::::::::::::::
================================================================================================*/
.under_main_bar{background:url(../../../../img/under_title_bar.png) top left no-repeat; width:734px; height:45px; padding-bottom:15px;}
.under_main_bar h2{padding:15px 0 0 30px;}
#g_m_main{margin-bottom:15px;}
#g_m_main_l{float:left; width:318px;}
#g_m_main_r{float:right; width:380px; line-height:27px;}
.margin_bottom_30{margin-bottom:30px;}
.under_mini_title{background:url(../../../../img/under_minititle_bar.png) top left no-repeat; width:734px; height:25px; padding-bottom:15px;}
.under_mini_title h3{padding:5px 0 0 25px;}
#kaitori_jisseki_area{padding:10px 30px 10px 30px;}
.kaitori_jisseki_box{width:315px; float:left; padding:0 15px 20px 0;}
.jisseki_img{width:115px; height:115px; border:solid 1px #eaeaea; float:left; overflow: hidden; display: block;}
.jisseki_img img{max-width:115px; height:auto;}
.jisseki_text{padding:0 0 0 10px; width:185px; float:right;}
.jisseki_text li{margin-bottom:8px;}
#gimon_area{width:704px; height:200px; border:solid 1px #e0e0e0; overflow-y:scroll; padding:15px;}
.gimon_box{margin-bottom:15px;}
.gimon_mark{width:97px; height:18px; background-color:#ffcc00; float:left;}
.gimon_mark h4{color:#fff; text-align:center; padding-top:1px;}
.gimon_text{width:550px; float:right; padding-right:20px;}
#under_area{padding:30px 0 30px 0;}
#under_area img{margin-bottom:15px;}

.img_area{float:left; height:190px;}
.genre_box{border:solid 1px #ddd; width:216px; height:133px; display:block; overflow:hidden;  margin:6px; text-align:center; padding-top:5px;}
.genre_box img{max-width:200px; height:auto; position: relative; top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.under_text{font-weight:bold; text-align:center;}
#kaitori_genre{margin-top:15px;}

#goods_feature{margin:20px 0 30px 0;}
#goods_feature_title{border-left:solid 8px #666; border-bottom:solid 1px #666; height:20px; padding-left:12px; padding-top:8px;}
#goods_feature_title p{font-size:15px; font-weight:bold;}
#goods_feature_text{padding-top:20px; line-height:23px;}

.jisseki_text ul{line-height:130%;}

.goods_feature{margin:20px 0 30px 0;}
.goods_feature_title{border-left:solid 8px #666; border-bottom:solid 1px #666; height:20px; padding-left:12px; padding-top:8px;}
.goods_feature_title p{font-size:15px; font-weight:bold;}
.goods_feature_text{padding-top:20px; line-height:23px;}


.voice_mark{width:97px; height:18px; background-color:#1987e5; float:left;}
.voice_mark h4{color:#fff; text-align:center; padding-top:1px;}