/*-----------------------------------*\

	Familied | voice Web Design Style CSS
		Kinoco.inc,

\*-----------------------------------*/
.one-of-three2 { width: 29%; }

.two-of-three2 { width: 63.666666666%; }

.one-of-four2 { width: 21.0%; }

#breadcrumbs { text-align: left; margin-left: 10px; }

#contents { margin-top: 30px; }

#voice_contents { text-align: left; }
#voice_contents .sub_description { font-size: 27px; font-size: 2.7rem; color: #323232; }
#voice_contents #voice { margin-bottom: 120px; }
#voice_contents #voice_contents_top_img { margin-top: 40px; margin-bottom: 60px; }
#voice_contents h2 { font-size: 36px; font-size: 3.6rem; color: #323232; }
#voice_contents h3 { font-size: 27px; font-size: 2.7rem; line-height: 1.3em; color: #323232; font-weight: lighter; }
#voice_contents .voice_cont { margin-top: 80px; }
#voice_contents .voice_L1 { width: 40%; float: left; }
#voice_contents .voice_R1 { width: 60%; float: right; }
#voice_contents .voice_R1 h3, #voice_contents .voice_R1 p { margin-left: 20px; }
#voice_contents .voice_L2 { width: 60%; float: left; }
#voice_contents .voice_R2 { width: 40%; float: right; }
#voice_contents .voice_name { text-align: right; }

#qaa_contents { text-align: left; }
#qaa_contents .sub_description { font-size: 27px; font-size: 2.7rem; color: #323232; }
#qaa_contents #qaa { margin-bottom: 120px; }
#qaa_contents #qaa_contents_top_img { margin-top: 40px; margin-bottom: 60px; }
#qaa_contents h2 { font-size: 36px; font-size: 3.6rem; color: #323232; }
#qaa_contents h3 { font-size: 27px; font-size: 2.7rem; color: #323232; font-weight: lighter; }
#qaa_contents .qaa_cont { margin-top: 30px; }
#qaa_contents .archive { width: 100%; background: #f00; margin-bottom: 30px; font-size: 18.3px; font-size: 1.83rem; text-align: center; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #337fed; padding: 10px 40px; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #8d83d3), color-stop(100%, #1e62d0)); background: -moz-linear-gradient(center top, #8d83d3 5%, #1e62d0 100%); background: -ms-linear-gradient(top, #8d83d3 5%, #1e62d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d83d3', endColorstr='#1e62d0'); background-color: #8d83d3; color: #ffffff; display: inline-block; text-shadow: 1px 1px 0px #5c4dc0; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; }
#qaa_contents .qaa_answer { color: #f16c81; }
#qaa_contents #qaa_contact { width: 100%; background: #fff2f4; margin-bottom: 30px; padding: 30px; text-align: center; }
#qaa_contents #qaa_contact_button { margin-top: 20px; font-size: 21px; font-size: 2.1rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 50px; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f598a7), color-stop(100%, #f16c80)); background: -moz-linear-gradient(center top, #f598a7 5%, #f16c80 100%); background: -ms-linear-gradient(top, #f598a7 5%, #f16c80 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f598a7', endColorstr='#f16c80'); background-color: #f598a7; color: #ffffff; display: inline-block; text-shadow: 1px 1px 0px #e86a7f; }
#qaa_contents #qaa_contact_button:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f8b2bd), color-stop(100%, #f591a1)); background: -moz-linear-gradient(center top, #f8b2bd 5%, #f591a1 100%); background: -ms-linear-gradient(top, #f8b2bd 5%, #f591a1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b2bd', endColorstr='#f591a1'); background-color: #f16c80; }
#qaa_contents #qaa_contact_button:active { position: relative; top: 1px; }

#side_bar { margin-top: 22px; text-align: left; line-height: 1.5em; }
#side_bar #side_menu { font-size: 15px; font-size: 1.5rem; font-weight: bold; }
#side_bar #side_menu ul { line-height: 3.5em; }
#side_bar #side_menu ul #side_menu_title { background: #7B85CD; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; text-align: center; color: #fff; line-height: 2.5em; }
#side_bar #side_menu ul li { border-bottom: 1px solid #e8e8e8; }
#side_bar #side_menu ul li a { display: block; }
#side_bar #side_menu ul li a:hover { background: #f2f4ff; }
#side_bar #side_menu ul li a span { margin-left: 0.3em; margin-right: 0.3em; color: #7B85CD; }
#side_bar #side_menu ul li .side_menu_select { background: #f2f4ff; }
.que{
    background: url("../images/question.png") no-repeat left bottom;
    padding: 6px 0 0 40px;
    position: relative;
    margin-top: 10px;
    min-height: 32px;
}
.ans{
    background: url("../images/answer.png") no-repeat left top;
    padding: 6px 0 0 40px;
    position: relative;
    min-height: 32px;
}


@media screen and (max-width: 640px) {


/*-----------------------------------*\

	Familied | voice Web Design Style CSS
		Kinoco.inc,

\*-----------------------------------*/
.one-of-three2 { width: 29%; }

.two-of-three2 { width: 63.666666666%; }

.one-of-four2 { width: 21.0%; }

#breadcrumbs { text-align: left; margin-left: 10px; }

#contents { margin-top: 30px; }

#voice_contents { text-align: left; }
#voice_contents .sub_description { font-size: 27px; font-size: 2.7rem; color: #323232; }
#voice_contents #voice { margin-bottom: 120px; }
#voice_contents #voice_contents_top_img { width: 98%; margin-top: 0px; margin-bottom: 30px; }
#voice_contents h2 { font-size: 20px; font-size: 2rem; color: #323232; }
#voice_contents h3 { font-size: 16px; font-size: 1.6rem; line-height: 1.3em; color: #323232; font-weight: lighter; }
#voice_contents .attention { font-size: 10px; font-size: 1rem; }
#voice_contents .voice_cont { margin-top: 30px; }
#voice_contents .voice_L1 { width: 60%; margin-left: 20%; margin-bottom: 20px; }
#voice_contents .voice_R1 { width: 100%; font-size: 12px; font-size: 1.2rem; }
#voice_contents .voice_R1 h3, #voice_contents .voice_R1 p { margin-left: 10px; }
#voice_contents .voice_L2 { width: 100%; margin-top: 170px; font-size: 12px; font-size: 1.2rem; }
#voice_contents .voice_L2 h3, #voice_contents .voice_L2 p { margin-left: 10px; }
#voice_contents .voice_R2 { width: 60%; margin-left: 20%; margin-bottom: 20px; position: absolute; top: 0px; }
#voice_contents .voice_name { text-align: right; }

#qaa_contents { text-align: left; }
#qaa_contents .sub_description { font-size: 27px; font-size: 2.7rem; color: #323232; }
#qaa_contents #qaa { margin-bottom: 120px; }
#qaa_contents #qaa_contents_top_img { margin-top: 40px; margin-bottom: 60px; }
#qaa_contents h2 { font-size: 36px; font-size: 3.6rem; color: #323232; }
#qaa_contents h3 { font-size: 27px; font-size: 2.7rem; color: #323232; font-weight: lighter; }
#qaa_contents .qaa_cont { margin-top: 30px; }
#qaa_contents .archive { width: 100%; background: #f00; margin-bottom: 30px; font-size: 18.3px; font-size: 1.83rem; text-align: center; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #337fed; padding: 10px 40px; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #8d83d3), color-stop(100%, #1e62d0)); background: -moz-linear-gradient(center top, #8d83d3 5%, #1e62d0 100%); background: -ms-linear-gradient(top, #8d83d3 5%, #1e62d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d83d3', endColorstr='#1e62d0'); background-color: #8d83d3; color: #ffffff; display: inline-block; text-shadow: 1px 1px 0px #5c4dc0; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; }
#qaa_contents .qaa_answer { color: #f16c81; }
#qaa_contents #qaa_contact { width: 100%; background: #fff2f4; margin-bottom: 30px; padding: 30px; text-align: center; }
#qaa_contents #qaa_contact_button { margin-top: 20px; font-size: 21px; font-size: 2.1rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 50px; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f598a7), color-stop(100%, #f16c80)); background: -moz-linear-gradient(center top, #f598a7 5%, #f16c80 100%); background: -ms-linear-gradient(top, #f598a7 5%, #f16c80 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f598a7', endColorstr='#f16c80'); background-color: #f598a7; color: #ffffff; display: inline-block; text-shadow: 1px 1px 0px #e86a7f; }
#qaa_contents #qaa_contact_button:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #f8b2bd), color-stop(100%, #f591a1)); background: -moz-linear-gradient(center top, #f8b2bd 5%, #f591a1 100%); background: -ms-linear-gradient(top, #f8b2bd 5%, #f591a1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b2bd', endColorstr='#f591a1'); background-color: #f16c80; }
#qaa_contents #qaa_contact_button:active { position: relative; top: 1px; }



}