@charset "euc-jp";
/*------------------------------------------------------------------------------------------------
  
  input.css for PC (Input/Result/Sub pages settings)
  
------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------
  Input/Result/Sub pages common settings
------------------------------------------------------------------------------------------------*/
/*sub page header
------------------------------------------------------------------------------------------------*/
.sub_title,
.sub_title_nifty,
.sub_title_sonet,
.sub_title_biglobe {
	display: block;
	width: 100%;
	height: 400px;
}
.sub_title {
	background: url(../images/common/sub_title.png) center bottom no-repeat;
}
.sub_title_nifty {
	background: url(../images/common/sub_title.png) center bottom no-repeat;
}
.sub_title_sonet {
	background: url(../images/common/sub_title.png) center bottom no-repeat;
}
.sub_title_biglobe {
	background: url(../images/common/sub_title.png) center bottom no-repeat;
}
/*pankuzu list
------------------------------------------------------------------------------------------------*/
.pan_box {
	text-align: left;
	margin: 30px 0 20px 0;
	padding: 0 40px;
}
.pan_box2 {
	text-align: left;
	padding: 0 40px;
	margin: 0 0 10px 0;
}
ol.pan_list li{
	display: inline;
}
/*page top menu title box
------------------------------------------------------------------------------------------------*/
.inp_menu_bg{
	width: 840px;
	min-height: 60px;
	padding: 60px 0;
	margin: 0 auto 10px auto;
	background-image: 
		url(../images/common/inp_menu_top.jpg),
		url(../images/common/inp_menu_bt.jpg),
		url(../images/common/inp_menu_bg.jpg);
	background-repeat: 
		no-repeat,
		no-repeat,
		repeat-y;
	background-position: 
		center top,
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto,
		100% auto;
}
.inp_menu_box {
	margin: 0 auto;
	text-align: left;
	width: 600px;
}
.inp_menu_img {
	width: 540px;
	height: 60px;
	float: left;
}

/*------------------------------------------------------------------------------------------------
  Input Page settings
------------------------------------------------------------------------------------------------*/
/*item list
------------------------------------------------------------------------------------------------*/
/*list frame setting
------------------------------------------------*/
.inp_list_bg{
	width: 840px;
	margin: 20px auto;
	padding: 0 0 120px 0;
	background-image: 
		url(../images/common/inp_list_bt.jpg),
		url(../images/common/inp_list_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
.inp_list_top {
	width: 840px;
	height: 160px;
	background: url(../images/common/inp_list_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.inp_list_bg2 {
	width: 840px;
	background-image: url(../images/common/inp_list_bg2.jpg) no-repeat;
}
/*item list
------------------------------------------------*/
.inp_list_box {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}
.inp_list_box .item_box {
	width: 580px;
}
.star_icon {
	width: 29px;
	height: 29px;
	background: url(../images/common/star_icon.png) no-repeat;
	float: left;
	clear: both;
	overflow: hidden;
}
.star_icon:nth-of-type(3n+1){
	background-position: 0 0;
}
.star_icon:nth-of-type(3n+2){
	background-position: 0 -58px;
}
.star_icon:nth-of-type(3n+3){
	background-position: 0 -29px;
}
.inp_list_box3 {
	width: 546px;
	float: right;
	margin-bottom: 15px;
}
/*pack menu message box
------------------------------------------------*/
.inp_list_box2 {
	width: 600px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto 20px auto;
	text-align: left;
	background: rgba(0,0,0,0.3);
	border: 5px solid rgba(164, 169, 183, 0.68);
}
.inp_list_bg .text2{
	color: #ffffff;
}

/*Input form
------------------------------------------------------------------------------------------------*/
/*section frame settings
------------------------------------------------*/
.inp_form_bg{
	width: 840px;
	margin: 0 auto;
	padding: 0 0 110px 0;
	background-image: 
		url(../images/top/section_bt.jpg),
		url(../images/top/section_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
/*input form title
------------------------------------------------*/
.inp_my_top {
	width: 840px;
	height: 250px;
	background: url(../images/common/inp_my_top.jpg) no-repeat;
	margin-bottom: 20px;
}
.inp_you_top {
	width: 840px;
	height: 120px;
	background: url(../images/common/inp_you_top.jpg) no-repeat;
	margin-bottom: 20px;
}
/*button settings
------------------------------------------------*/
.inp_btn,
.inp_btn_free,
.inp_btn2 {
	width: 480px;
	height: auto;
	margin: 0 auto;
}
.inp_btn_box {
	margin: 20px 100px -1px;
}
.inp_form_bg .inp_btn_box {
	width: 520px;
	margin: 0 auto;
	text-align: center;
}
.inp_btn_box2 {
	margin: 10px auto -1px auto;
	text-align: center;
}
.inp_btn_box3 {
	margin: 10px auto -1px auto;
	text-align: center;
}

/*other settings
------------------------------------------------------------------------------------------------*/
/*image*/
.inp_img {
	display: none;
}
/*flash*/
.inp_flash_top {
	width: 840px;
	height: 110px;
	background: url(../images/common/inp_flash_top.jpg) no-repeat;
}
.inp_flash_box {
	text-align: center;
	margin: 0 70px;
}
 
/*------------------------------------------------------------------------------------------------
  Introduce section
------------------------------------------------------------------------------------------------*/
/*section frame settings
------------------------------------------------*/
.intro_bg{
	width: 840px;
	margin: 0 auto;
	padding: 0 0 130px 0;
	background-image: 
		url(../images/common/res_bt.jpg),
		url(../images/common/res_bg.jpg);
	background-repeat: 
		no-repeat,
		repeat-y;
	background-position: 
		center bottom,
		center center;
	background-size: 
		100% auto,
		100% auto;
}
/*title settings
------------------------------------------------*/
[class^="intro_top"]{
	width: 840px;
	height: 170px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 0 20px 0;
}
.intro_top {
	height: 280px;
	background-image: url(../images/common/intro_top.jpg);
	margin: 0 0 -2px 0;
}
.intro_top2 {
	background-image: url(../images/common/intro_top2.jpg);
}
.intro_top3 {
	background-image: url(../images/common/intro_top3.jpg);
}
.intro_top4 {
	background-image: url(../images/common/intro_top4.jpg);
}
.intro_top5 {
	background-image: url(../images/common/intro_top5.jpg);
}
.intro_top6 {
	background-image: url(../images/common/intro_top6.jpg);
}
/*section content settings
------------------------------------------------*/
.intro_box {
	width: 720px;
	margin: 0px auto;
}
.intro_box [class^="intro_img"]{
	display: block;
	float: left;
	width: 400px;
}
img[class^="intro_img"]{
	height: auto;
}
.intro_box .text3{
	float: right;
	width: 310px;
	text-align: left;
}


/*------------------------------------------------------------------------------------------------
  z-index text settings
------------------------------------------------------------------------------------------------*/
.sub_title span,
.sub_title_nifty span,
.sub_title_sonet span,
.sub_title_biglobe span,
.inp_list_top span,
.inp_form_mytop span,
.inp_my_top span,
.inp_you_top span,
.inp_form_title1 span,
.inp_form_title2 span,
.inp_form_title3 span,
.inp_form_title4 span,
.inp_form_title5 span,
.inp_form_title6 span,
.inp_form_title7 span,
.intro_top span,
.intro_top2 span,
.intro_top3 span,
.intro_top4 span,
.intro_top5 span,
.intro_top6 span,
.zindex_text span {
	position:relative;
	z-index:-1;
}