@charset "UTF-8";
/*
======== context ======================================
Last Updated:20160415
Summary:トップページ用CSS
=======================================================
*/
/*-----------------------------------------------------
what
-------------------------------------------------------*/
#what{
	background:#fdeee8 url(../img/what/yaji_what.png) no-repeat left bottom;
	padding:25px 50px 35px 270px;
	text-align:left;
	line-height:1.8em;
}
/*-----------------------------------------------------
yaji
-------------------------------------------------------*/
#yaji{
	background:#fdeee8 url(../img/kyouryoku/yaji.png) no-repeat center bottom;
	padding:25px 30px;
}
#what h2,
#yaji h2{
	text-align:left;
	font-size:1.4em;
	color:#6A3906;
	letter-spacing:2px;
}
#what p{
	margin:0;	
}
/*-----------------------------------------------------
what_contents01
-------------------------------------------------------*/
#what_contents01{
	padding-bottom:30px;
	text-align:left;
}
#what_contents01 .txtRight{
	padding-right:10px;	
}
#what_contents01 .txtRight a{
	padding-right:15px;	
}
#what_contents01 .inner,
#what_contents01 .box{
	padding:0 50px;
	overflow:hidden;
}
#what_contents01 .inner .floatL{
	float:none;
}
#what_contents01 .inner .floatR{
	padding-top:10px;	
}
#what_contents01 h2{
	background:#f5bca4;
	font-weight:normal;
	font-size:1.4em;
	margin-top:20px;
	padding:8px 10px 3px 50px;
	color:#6A3906;
	letter-spacing:2px;
}
/*-----------------------------------------------------
what_contents01
-------------------------------------------------------*/
#what_contents01 #anchor{
	background:#fdeee8;
	overflow:hidden;
	padding:15px 0;	
}
#what_contents01 #anchor img{
	width:241px;
	float:left;	
	padding-left:50px;
}
#what_contents01 #anchor .links{
	float:right;
}
#what_contents01 #anchor .links ul{
	overflow:hidden;
	text-align:left;
	padding:5px 0;
}
#what_contents01 #anchor .links ul li{
	display:inline;	
	background:url(../img/common/orange_yaji02.png) no-repeat left center;
	padding:0 30px 0 10px;
}
#what_contents01 .accordionStyle h3{
	font-weight:normal;
	padding:10px 40px 10px 40px;
	margin:20px 30px 0;
	background:#fdeee8;	
}
#what_contents01 .accordionStyle dl{
	margin-top:15px;
}
#what_contents01 .accordionStyle dt{
	margin-bottom:10px;	
}
/*-----------------------------------------------------
what_contents02
-------------------------------------------------------*/
#what_contents02{
	padding-bottom:30px;
	text-align:left;	
}
#what_contents02 .txtRight{
	padding-right:10px;	
}
#what_contents02 .txtRight a{
	padding-right:15px;	
}
#what_contents02 .inner,
#what_contents02 .box{
	padding:0 50px;
	overflow:hidden;
}
#what_contents02 .news_list li{
	padding:6px 0;	
	line-height:2em;
}
#what_contents02 h2{
	background:#f5bca4;
	font-weight:normal;
	font-size:1.4em;
	padding:8px 10px 3px 50px;
	margin-top:20px;
	color:#6A3906;
	letter-spacing:2px;
}
#what_contents02 .news_list dl{
	width:100%;
	overflow:hidden;
	padding-top:20px;	
}
#what_contents02 .news_list dl dt{
	width:120px;
	float:left;	
}
#what_contents02 .news_list dl dd{
	float:right;	
}
#what_contents02 .news_list dl dd li{
	padding:6px 0;	
}
@media screen and (max-width: 640px) {
/****アコーディオンスタイル****/
.accordionStyle label{
 display: block;
}
.accordionStyle label img{
	width:100%;
	height:auto;
}
.accordionStyle label{
	cursor:pointer;
}
.accordionStyle ul#nav,
.accordionStyle .box{
 display: none;
}
.accordionStyle input[type="checkbox"].on-off{
 display: none;
}
.accordionStyle input[type="checkbox"].on-off:checked ~ ul#nav,
.accordionStyle input[type="checkbox"].on-off:checked ~ .box{
 display: block;
}
/****アコーディオンスタイル****/
/*-----------------------------------------------------
what
-------------------------------------------------------*/
#what{
	background:#fff;	
	padding:0;
}
#what p{
	padding:0 10px;	
	margin:1em 0;	
}
/*-----------------------------------------------------
yaji
-------------------------------------------------------*/
#what,
#yaji{
	background:none;
	padding: 0;
}
#what h2,
#yaji h2{
	padding:15px 10px 15px 60px;
}
#what .icon01{
	background:#fdeee8 url(../img/what/sp/01_sp_what_title.png) no-repeat left center;	
}
#yaji .icon02{
	background:#fdeee8 url(../img/what/sp/01_sp_what_title02.png) no-repeat left center;	
}
/*-----------------------------------------------------
what_contents01
-------------------------------------------------------*/
#what_contents01{
	padding-bottom:0;
}
#what_contents01 h2{
	font-size:1.2em;
	padding-left:10px;
}
#what_contents01 .inner{
	width:100%;
	padding:0;	
}
#what_contents01 .box{
	width:100%;
	padding:0 10px;	
}
#what_contents01 .inner .floatL{
	width:100%;
	float:none;
}
#what_contents01 .inner .floatR{
	float:none;
	text-align:center;
	margin:0 !important;
}
#what_contents01 .inner .nombottom{
	margin-bottom:0;
}
#what_contents01 .accordionStyle h3{
	padding:0;
	margin:20px 0 0;
}
#what_contents01 .accordionStyle h3.sp label{
	padding:8px 30px 8px 25px;
	background:url(../img/common/red_yaji.png) no-repeat 97% center;
}
#what_contents01 .nombottom{
	margin-bottom:0;	
}
/*-----------------------------------------------------
what_contents02
-------------------------------------------------------*/
#what_contents02{
	padding-bottom:0;
}
#what_contents02 h2{
	font-size:1.2em;
	padding-left:10px;
}
#what_contents02 .inner,
#what_contents02 .box{
	width:100%;
	padding:0 10px;	
}
#what_contents02 .news_list{
	padding-top:10px;	
}
#what_contents02 .news_list li{
	padding:5px 0;	
}
/*#what_contents02 .news_list dl{
	width:100%;
	overflow:hidden;
	padding-top:20px;	
}*/
#what_contents02 .news_list dl dt{
	width:100%;
	float:none;	
}
#what_contents02 .news_list dl dd{
	width:100%;
	float:none;	
}
/*#what_contents02 .news_list dl dd li{
	padding:6px 0;	
}*/
}
/*タブレット+スマートフォン向け*/
@media screen and (max-width: 960px){
}
/*タブレット+PC向け*/
@media screen and (min-width: 641px){
}
/*PC向け*/
@media screen and (min-width: 961px){
}
/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px){
}
/*スマートフォン向け*/
@media screen and (max-width: 640px){
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.gender.go.jp/c-challenge/css/about_rikochalle2.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.gender.go.jp/c-challenge/css/about_rikochalle2.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>