/*** searchjp.css ***/

/* ---------- 1:reset  ---------- */

html{
	height:100%;
	}

body{
	margin: 0;
	paing: 0;
	text-align: center;
	height:100%;
	}
	
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
	margin: 0;
 	padding: 0;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
	}	
ul li, ol li{
	list-style: none;
	}

table{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	}
caption{
	text-align: left;
	}
	
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{
	font-size: 100%;
	}
	
address,cite,dfn,em,strong,var,th,ins,del,samp{
	font-weight: normal;
	font-style: normal;
	}

a img{
	border: 0;
	margin: 0;
	padding:0;
	}
		
hr.separation{
	display: none;
	}

fieldset{
	border: none;
	}

body { 
	font-family:"MS P Gothic","MS UI Gothic"; 
	}

html>body {
	 font-family:"Lucida Grande",sans-serif; 
	 }

*+html body { 
	font-family:"Meiryo",sans-serif; 
	}

select,input,textarea { 
	font-family:"MS P Gothic","MS UI Gothic"; 
	}

html>body select,
html>body input,
html>body textarea {
	font-family:"Lucida Grande",sans-serif;
	}

*+html body select,
*+html body input,
*+html body textarea {
	font-family:"Meiryo",sans-serif;
	}

ol, ul, li,dd, dt { 
	font-family:"MS P Gothic","MS UI Gothic"; 
	}

html>body ol,
html>body ul,
html>body li,
html>body dd,
html>body dt {
	font-family:"Lucida Grande",sans-serif;
	}

*+html body ol,
*+html body ul,
*+html body li,
*+html body dd,
*+html body dt {
	font-family:"Meiryo",sans-serif;
	}

/* ---------- /1:reset  ---------- */

/* ---------- 2:common  ---------- */

#header_wrapper {
	width: 950px;
}

#emgin {
	width: 950px;
	margin: 10px 0 0 0;
	text-align: center;
	float: center;
	margin:auto ;
	clear: both;
}

#wrapper {
	width: 950px;
	text-align: center;
	margin:auto ;
}

/* ---------- /2:common  ---------- */

/* ---------- 3:swf  ---------- */
#swf{
	width: 950px;
	height: 430px;
	margin:0 auto;
}
/* ---------- /3:swf  ---------- */

/* ---------- 4:what  ---------- */
#what h2{
	width: 950px;
	height: 71px;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/what_cap2.gif) no-repeat left top;
	text-indent:-9999px;
}
#what {
	width: 950px;
	margin:0 auto;
}

#what_wrap{
	height: 400px;
	background-color: #000000;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/what_bg.gif) repeat-x left top;
}

#what .left{
	float: left;
	width: 560px;
	clear: both;
}
.left_cap{
	width: 353px;
	height: 98px;
	margin:0 auto;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/left_cap.gif) no-repeat left top;
}

.left_cap p{
	text-indent:-9999px;
}

#what .right{
	float: right;
	width: 380px;
	margin:0 5px 0 0;
}

.left_txt_wrap{
	color: #ffffff;
	margin:5px 0 10px 100px;
	text-align: left;
}
#what h3{
	width: 515px;
	height: 33px;
	margin:0 auto 10px auto;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/experience.gif) no-repeat left top;
	text-indent:-9999px;
}

#what_search{
	width: 537px;
	height: 198px;
	padding:10px 0 0 0;
	margin:0 auto;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/what_search_bg.gif) no-repeat left top;
}
#what_search p{
	color: #0066ff;
	margin:10px 0 0 0;
}

#what_msearch {
	width: 400px;
	margin:0 auto 10px auto ;
	background-color: #eaeaea;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/what_ms_bg_top.gif) no-repeat left top;
	text-align: center;
	clear: both;
	}
#what_ms_form {
	padding:10px 0;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/what_ms_bg_bottom.gif) no-repeat left bottom;
	}	
#what_msearch .wrapper {
	border-left: 1px solid #42c1ee;
	border-right: 1px solid #42c1ee;
	background-color: #f3f3f3;
	}
#what_msearch form {
	margin:auto ;
	width: 380px;
	background-color: #f3f3f3;	
	}	
#what_msearch .title {
	float: center;
	ckground-color: #f3f3f3;	
	}	
#what_msearch .txtarea {
	background-color: #f3f3f3;	
	}
#what_msearch .radio {
	background-color: #f3f3f3;	
	color: #6e6e6e;
	font-size: small;
	}
#what_msearch .txtarea {
	padding-top:2px;
	}	
#what_msearch input {
	margin-bottom:2px;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
	}
#what_msearch .radio input {
	margin:0 2px 2px 1px;		
	}
#srchtxt{
	width:66%;
	*width:67%;
	padding:2px 5px;
	height:15px;
	min-height:13px;
	border:1px solid #c3c3c3;
	border-left-color:#7c7c7c;
	border-top-color:#7c7c7c;
	background:#fff url(http://k.yimg.jp/images/top/sp/sb_frm_bg.gif) no-repeat;
	}
#srchbtn{
	display:block;
	margin:0;
	padding:0;
	width:73px;
	height:21px;
	cursor:pointer;
	}
/* ---------- /4:what  ---------- */

/* ---------- 5:example  ---------- */

#example h2{
	width: 950px;
	height: 68px;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/example_cap.gif) no-repeat left top;
	text-indent:-9999px;
	clear: both;
}
#example{
	width: 950px;
	background-color: #f0f1f3;
	margin:0 auto;
}
#example_wrap{
	width: 950px;
	height: 930px;
	margin:0 auto;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/example_bg.gif) repeat-x left top;
}

#example .left{
	float: left;
	width: 470px;
	clear: both;
	padding:0 0 5px 5px;
	margin:0 0 20xp 0px;
}
#example .right{
	float: right;
	width: 470px;
	padding:0 5px 5px 0;
	margin:0 0 20xp 0px;
}

.example_search{
	float: left;
	width: 260px;
	text-align: left;
}

.example_search h3{
	color: #3c3c3c;
	font-weight: bold;
	font-size: 140%;
}
.example_search h3:first-letter {
	color: #fffc00;
}

.example_img{
	float: left;
	padding:0 5px 0 0;
	clear: both;
}

.example_txt_wrap1{
	background-color: #a8d8f9;
	padding:5px 5px 5px 5px;
}
.example_txt_wrap1 p {
	color: #444444;
	font-weight: bold;
}

.example_txt_wrap2 p {
	color: #444444;
	font-weight: bold;
}

.example_txt_wrap3 p {
color: #444444;
font-weight: bold;
}

.example_txt_wrap2{
	background-color: #d1eaf8;
	padding:5px 5px 5px 5px;
}
.example_txt_wrap3{
	background-color: #f1f5f8;
	padding:5px 2px 5px 2px;
}

.attention{
	color: #ff0000;
}

#example_msearch {
	width: 250px;
	margin:0 0 10px 0 ;
	background-color: #eaeaea;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/ex_ms_bg_top.gif) no-repeat left top;
	text-align: center;
	clear: both;
	}
#example_ms_form {
	padding:10px 0;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/ex_ms_bg_bottom.gif) no-repeat left bottom;
	}	
#example_msearch .wrapper {
	border-left: 1px solid #42c1ee;
	border-right: 1px solid #42c1ee;
	background-color: #f3f3f3;
	}
#example_msearch form {
	margin:auto ;
	width: 235px;
	background-color: #f3f3f3;	
	}	
#example_msearch .title {
	float: center;
	ckground-color: #f3f3f3;	
	}	
#example_msearch .txtarea {
	background-color: #f3f3f3;	
	}
#example_msearch .radio {
	background-color: #f3f3f3;	
	color: #6e6e6e;
	height:50px;
	font-size: small;
	}
#example_msearch .txtarea {
	padding-top:2px;
	}	
#example_msearch input {
	margin-bottom:2px;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
	}
#example_msearch .radio input {
	margin:0 2px 2px 1px;
	}
#example_msearch .radio1{
	 float: left;
	 clear: both;
	width: 235px;
 	text-align: left;
	}
#example_msearch .radio2{
	 float: left;
	 clear: both;
	width: 235px;
 	text-align: left;
	}
#example_msearch #srchtxt{
	width:50%;
	*width:51%;
	padding:2px 5px;
	height:15px;
	min-height:13px;
	border:1px solid #c3c3c3;
	border-left-color:#7c7c7c;
	border-top-color:#7c7c7c;
	background:#fff url(http://k.yimg.jp/images/top/sp/sb_frm_bg.gif) no-repeat;
	}
#srchbtn{
	display:block;
	margin:0;
	padding:0;
	width:73px;
	height:21px;
	cursor:pointer;
	}
/* ---------- /5:example  ---------- */

/* ---------- 6:mobile search  ---------- */
#msearch {
	width: 600px;
	margin:0 0 10px 0 ;
	background-color: #eaeaea;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/exp_ms_bg_top.gif) no-repeat left top;
	text-align: center;
	clear: both;
	margin:0 auto;
	}
#ms_form {
	padding:10px 0;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/exp_ms_bg_bottom.gif) no-repeat left bottom;
	}	
#msearch .wrapper {
	border-left: 1px solid #42c1ee;
	border-right: 1px solid #42c1ee;
	background-color: #f3f3f3;
	}
#msearch form {
	margin:auto ;
	width: 500px;
	background-color: #f3f3f3;	
	}	
#msearch .title {
	float: center;
	ckground-color: #f3f3f3;	
	}	
#msearch .txtarea {
	background-color: #f3f3f3;	
	}
#msearch .radio {
	background-color: #f3f3f3;	
	color: #6e6e6e;
	font-size: small;
	}
#msearch .txtarea {
	padding-top:2px;
	}	
#msearch input {
	margin-bottom:2px;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
	}
#msearch .radio input {
	margin:0 2px 2px 1px;		
	}
#srchtxt{
	width:66%;
	*width:67%;
	padding:2px 5px;
	height:15px;
	min-height:13px;
	border:1px solid #c3c3c3;
	border-left-color:#7c7c7c;
	border-top-color:#7c7c7c;
	background:#fff url(http://k.yimg.jp/images/top/sp/sb_frm_bg.gif) no-repeat;
	}
#srchbtn{
	display:block;
	margin:0;
	padding:0;
	width:73px;
	height:21px;
	cursor:pointer;
	}

/* ---------- /6:mobile search  ---------- */

/* ---------- 7:mobile experience  ---------- */
.experience{
	width: 950px;
}

#experience h2{
	width: 950px;
	height: 71px;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/experience_cap.gif) no-repeat left top;
	text-indent:-9999px;
	clear: both;
	margin:0 auto;
}

.experience_wrap{
	width: 950px;
	padding: 30px 0 50px 0;
	background:url(http://i.yimg.jp/images/mobile/pc/images/pr/onesearch/experience_bg.gif) repeat-x left top;
	margin:0 auto;
}

/* ---------- /7:mobile experience  ---------- */

/* ---------- /8:float fix for ie6 ---------- */
.example_line {
	clear: both;
}
/* ---------- /8:layout misc ---------- */
.alignleft {
	text-align: left;
}