@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 769px) {
	/*------------------------------------------------------------------------------------------------
      group_medium
    --------------------------------------------------------------------------------------------------*/
	.grp_mid {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/product/bg.jpg) center top repeat-x;
		text-align: center;
	}
	.grp_mid ul.pan {
		padding: 10px;
		color: #0072AD;
	}
	.grp_mid ul.pan a {
		color: #0072AD;
	}

	#group_m.main-contents {
		padding: 10px 120px 10px 0;
	}
	#group_m.main-contents ul {
		padding: 0;
		margin: 0;
	}

	#group_m.main-contents ul li {
		width: 100%;
		min-width: 840px;
		border-bottom: 2px solid #eee;
		background: url(../../image/group/pgroup_back.jpg) no-repeat center 0;
	}
	#group_m.main-contents ul li:hover, #group_m.main-contents ul li:active {
		background: url(../../image/group/pgroup_back_on.png) no-repeat center 0;
	}
		#group_m.main-contents.grp_mid2 ul li {
			background: url(../../image/group/pgroup_back_2.jpg) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid2 ul li:hover, #group_m.main-contents.grp_mid2 ul li:active {
			background: url(../../image/group/pgroup_back_on_2.png) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid4 ul li {
			background: url(../../image/group/pgroup_back_4.jpg) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid4 ul li:hover, #group_m.main-contents.grp_mid4 ul li:active {
			background: url(../../image/group/pgroup_back_on_4.png) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid5 ul li {
			background: url(../../image/group/pgroup_back_5.jpg) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid5 ul li:hover, #group_m.main-contents.grp_mid5 ul li:active {
			background: url(../../image/group/pgroup_back_on_5.png) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid6 ul li {
			background: url(../../image/group/pgroup_back_6.jpg) no-repeat center 0;
		}
		#group_m.main-contents.grp_mid6 ul li:hover, #group_m.main-contents.grp_mid6 ul li:active {
			background: url(../../image/group/pgroup_back_on_6.png) no-repeat center 0;
		}

	#group_m.main-contents ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	#group_m.main-contents ul li a:hover, #group_m.main-contents ul li a:active {
		color: #000000;
	}

	#group_m.main-contents ul li a .pgroup {
		width: 840px;
		height: 297px;
		margin: 0 auto;
		display: table;
	}

	#group_m.main-contents ul li a .pgroup .proName {
		display: table-cell;
		height: 297px;
		vertical-align: middle;
	}

	#group_m.main-contents ul li h1 {
		margin: 0 0 0 45px;
		font-size: 30px;
	}

	#group_m.main-contents ul li h1 span {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0072AC;
	}

	#group_m.main-contents ul li a .proPhoto {
		width: 430px;
		height: 297px;
		display: table-cell;
		vertical-align: middle;
	}

	#group_m.main-contents ul li a .proPhoto img {
		max-width: 130px;
		height: auto;
		margin: 0 5px;
		vertical-align: middle;
	}

	/*------------------------------------------------------------------------------------------------
      group_small
    --------------------------------------------------------------------------------------------------*/
	.mc-wrap #group_s.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/product/bg.jpg) center top repeat-x;
		text-align: center;
	}
	.mc-wrap #group_s ul.pan {
		padding: 10px;
		color: #0072AD;
	}
	.mc-wrap #group_s ul.pan a {
		color: #0072AD;
	}

	.mc-wrap #group_s .pdt_list {
		padding: 10px;
	}
	.mc-wrap #group_s .pdt_list ul li a {
		display: block;
		position: relative;
		width: 408px;
		height: 298px;
		border: 1px solid #CCCCCC;
	}

	.mc-wrap #group_s .pdt_list ul li a p {
		position: absolute;
		top: 0px;
		right: 10px;
		font-size: 30px;
		color: #2B85B7;
		font-weight: bold;
	}

	.mc-wrap #group_s .pdt_list ul li a p span {
		font-size: 17px;
		padding-left: 3px;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 {
		position: absolute;
		bottom: 0;
		width: 388px;
		padding: 10px;
		background-color: rgba(0, 115, 174, 0.8);
		color: #FFFFFF;
		line-height: 1.5;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 {
		font-size: 18px;
		text-align: center;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 span {
		display: block;
		font-size: 11px;
	}

	#pager_wrap ul li {
		float: none;
	}

	.pager_wrap {
		position: relative;
		overflow: hidden;
		margin: 20px 120px 30px 0;
	}

	.pager_wrap ul.pager {
		position: relative;
		left: 50%;
		float: left;
	}

	.pager_wrap ul.pager li {
		position: relative;
		left: -50%;
		float: left;
	}

	.pager_wrap ul.pager {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.pager_wrap ul.pager li {
		display: inline;
		min-width: 20px;
		margin: 2px;
		padding: 0;
		text-align: center;
	}

	.pager_wrap ul.pager li img {
		vertical-align: middle;
	}

	.pager_wrap ul.pager li a {
		display: block;
		padding: 10px 15px;
		color: #0072AC;
	}

	.pager_wrap ul.pager li.active {
		display: block;
		color: #FFFFFF;
		background: url(../../image/group/pager_active.jpg) no-repeat center center;
	}

	.pager_wrap ul.pager li.active a:link, .pager_wrap ul.pager li.active a:visited,
	.pager_wrap ul.pager li.active a:hover, .pager_wrap ul.pager li.active a:active {
		color: #FFFFFF !important;
	}

	/*------------------------------------------------------------------------------------------------
      product
    --------------------------------------------------------------------------------------------------*/
	#product.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/product/bg.jpg) center top repeat-x;
		text-align: center;
	}

	#product ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#product ul.pan a {
		color: #0072AD;
	}

	#product .pdt_list {
		padding: 10px;
	}

	#product .pdt_list ul li a {
		display: block;
		position: relative;
		width: 198px;
		height: 298px;
		border: 1px solid #CCCCCC;
	}

	#product .pdt_list ul li a h1 {
		position: absolute;
		bottom: 0;
		//width: 178px;
		width: 100%;
		padding: 10px;
		background-color: rgba(0, 115, 174, 0.8);
		color: #FFFFFF;
		line-height: 1.5;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
	}

	#product .pdt_list ul li a .infoTokutyo {
		position: absolute;
		top: 13px;
		left: 2px;
		color: #FFFFFF;
		/*text-align: center;*/
		text-align: left;
		font-size: 11px;
	}

	#product .pdt_list ul li a .infoTokutyo div {
		margin-bottom: 4px;
		padding: 0 7px;
		/*width: 60px;*/
		line-height: 26px;
		display: inline-block;
		text-align: center;

		max-width: 180px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}


	/*------------------------------------------------------------------------------------------------
      product_detail
    --------------------------------------------------------------------------------------------------*/
	#product_detail {
	}

	#product_detail.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/product/bg.jpg) center top repeat-x;
		text-align: center;
	}

	#product_detail #cont ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#product_detail #cont ul.pan a {
		color: #0072AD;
	}

	#pd_submenu {
		position: fixed;
		top: 150px;
		left: 10px;
	}

	#pd_submenu ul {
		width: 40px;
		background: url(../../image/product/submenu.png) no-repeat 0 0;
	}

	#pd_submenu ul li {
		margin-bottom: 10px;
		text-indent: -9999px;
	}

	#pd_submenu ul li a {
		display: block;
		width: 40px;
		height: 100px;
	}

	#pd_submenu ul li#sub01 a:link, #pd_submenu ul li#sub01 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 0;
	}

	#pd_submenu ul li#sub01 a:hover, #pd_submenu ul li#sub01 a:active, #pd_submenu ul li#sub01 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px 0;
	}

	#pd_submenu ul li#sub02 a:link, #pd_submenu ul li#sub02 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 -110px;
	}

	#pd_submenu ul li#sub02 a:hover, #pd_submenu ul li#sub02 a:active, #pd_submenu ul li#sub02 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px -110px;
	}

	#pd_submenu ul li#sub03 a:link, #pd_submenu ul li#sub03 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 -220px;
	}

	#pd_submenu ul li#sub03 a:hover, #pd_submenu ul li#sub03 a:active, #pd_submenu ul li#sub03 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px -220px;
	}

	#product_detail #cont #pro01 {
		margin: 0 auto;
		padding: 0;
	}

	#product_detail #cont #pro01 .pp {
		width: 780px;
		margin: 0 auto;
		padding: 100px 0;
	}

	#product_detail .proText {
		width: 450px;
		float: left;
		text-align: left;
	}

	#product_detail .proText h1 {
		margin: 20px 0;
		font-size: 18px;
		font-weight: bold;
		color: #0072AC;
	}

	#product_detail .proText p.lead {
		margin: 0 0 20px;
	}

	#product_detail .proText p.icon {
		margin: 0 0 20px;
	}

	#product_detail .proText p.icon img {
		margin-right: 10px;
	}

	#product_detail .proText div.infoTokutyo {
		color: #FFFFFF;
		font-size: 13px;
	}

	#product_detail .proText div.infoTokutyo div {
		display: inline-block;
		margin-bottom: 4px;
		margin-right: 10px;
	}
	#product_detail .proText div.infoTokutyo div:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
	}
	#product_detail .proText div.infoTokutyo div a {
		display: inline-block;
		padding: 0 7px;
		min-width: 110px;
		line-height: 26px;
		text-align: center;
		color: #fff;
	}

	#product_detail .proPhoto {
		width: 300px;
		float: right;
	}
	#product_detail .proPhoto img {
		width: auto;
		height: auto;
		max-width: 330px;
		max-height: 450px;
	}

	#product_detail #cont #pro02 {
		margin: 0 auto;
		padding: 50px 0;
		background-color: #338EBD;
		color: #FFFFFF;
	}

	#product_detail #cont #pro02 .pp {
		width: 780px;
		margin: 0 auto;
	}

	#product_detail #cont #pro02 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 24px;
		border-bottom: 2px solid #FFFFFF;
	}

	#product_detail #cont #pro02 ul {
		margin: 0 30px;
		text-align: left;
	}

	/*** clear ***/
		#product_detail #cont #pro02 ul:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#product_detail #cont #pro02 ul {
			display: inline-table;
			/*overflow: hidden;*/
		}
		/* mac \*/
		* html #product_detail #cont #pro02 ul {
			height: 1%;
		}
		#product_detail #cont #pro02 ul {
			display: block;
		}
		/* macend */
	/*** /clear ***/

	#product_detail #cont #pro02 ul li {
		width: 98%;
		margin: 0 2% 15px 0;
		padding: 0 0 0 26px;
		background: url(../../image/product/list.png) no-repeat 0 0;
	}

	#product_detail #cont #pro03 {
		margin: 0 auto;
		padding: 50px 0;
		background-color: #FFFFFF;
	}

	#product_detail #cont #pro03 .pp {
		width: 780px;
		margin: 0 auto;
	}

	#product_detail #cont #pro03 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 24px;
		color: #0072AD;
		border-bottom: 2px solid #0072AD;
	}

	#product_detail #cont #pro03 table {
		width: 98%;
		margin: 0 auto;
	}

	#product_detail #cont #pro03 table th {
		width: 23%;
		padding: 15px;
		white-space: nowrap;
		text-align: left;
		color: #0072AD;
		background-color: #EEF2F4;
		border: 1px solid #C7D9E9;
		vertical-align: top;
	}

	#product_detail #cont #pro03 table td {
		padding: 15px;
		text-align: left;
		border: 1px solid #C7D9E9;
		vertical-align: top;
	}

	#product_detail #cont #pro04 {
		margin: 0 auto;
		padding: 50px 0 0;
		background: url(../../image/product/contact_back-01.gif) repeat 0 0;
		color: #FFFFFF;
	}

	#product_detail #cont #pro04 .box {
		padding: 0 0 150px;
		background: url(../../image/product/contact_back-02.png) no-repeat center bottom;
	}

	#product_detail #cont #pro04 .pp {
		width: 780px;
		margin: 0 auto;
	}

	#product_detail #cont #pro04 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 18px;
		border-bottom: 2px solid #FFFFFF;
	}

	#product_detail #cont #pro04 p {
		margin: 30px 0;
	}

	/*------------------------------------------------------------------------------------------------
      analects
    --------------------------------------------------------------------------------------------------*/
	#analects {
	}

	#analects.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/analects/bg.jpg) center top repeat-x;
		text-align: center;
	}

	#analects.main-contents ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#analects.main-contents #cont {
		margin: 0 120px 0 auto;
		padding: 50px 0 0;
	}

	#analects.main-contents #cont h1 {
		margin: 0 0 35px;
	}

	#analects.main-contents #cont h2 {
		margin: 0 0 10px;
		padding: 5px;
		color: #0072AC;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #BBBBBB;
	}

	#analects.main-contents #cont p {
		margin: 0 10px 30px;
		color: #0072AC;
		line-height: 1.75;
	}

	#analects.main-contents #cont p.img {
		margin: 0 10px 50px;
		text-align: center;
	}

	#analects.main-contents #cont p.img img {
		margin: 0 5px;
	}

	#analects.main-contents #cont h2 span {
		display: block;
		font-size: 10px;
		font-weight: normal;
	}

	#analects.main-contents #cont .textSearch {
		width: 460px;
		padding: 3px 0;
		vertical-align: middle;
		border: 1px solid #0072AC;
		font-size: 16px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#analects.main-contents #cont .textSearchBtn {
		vertical-align: middle;
	}

	#kana_wrap ul li {
		float: none;
	}

	.kana_wrap {
		position: relative;
		overflow: hidden;
		margin: 20px 0 30px;
	}

	.kana_wrap ul.pager {
		position: relative;
		left: 50%;
		float: left;
	}

	.kana_wrap ul.pager li {
		position: relative;
		left: -50%;
		float: left;
	}

	.kana_wrap ul.pager {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.kana_wrap ul.pager li {
		display: inline;
		min-width: 20px;
		margin: 2px 5px;
		padding: 0;
		text-align: center;
	}

	.kana_wrap ul.pager li a {
		display: block;
		padding: 8px 13px;
		color: #FFFFFF;
		background-color: #99C6DE;
	}

	.kana_wrap ul.pager li.active a {
		display: block;
		color: #FFFFFF;
		padding: 8px 13px;
		background-color: #338DBD;
	}

	.kana_wrap ul.pager li.active a:link, .kana_wrap ul.pager li.active a:visited,
	.kana_wrap ul.pager li.active a:hover, .kana_wrap ul.pager li.active a:active {
		color: #FFFFFF !important;
	}

	.goroku {
		width: 500px;
		margin: 0 auto;
		text-align: left;
	}

	/*------------------------------------------------------------------------------------------------
      privacy
    --------------------------------------------------------------------------------------------------*/
	#privacy {
	}

	#privacy.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/privacy/bg.jpg) center top repeat-x;
		text-align: center;
	}

	#privacy.main-contents ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#privacy.main-contents #cont {
		margin: 0 120px 0 auto;
		padding: 50px 0 0;
	}

	#privacy.main-contents #cont h1 {
		margin: 0 0 30px;
	}

	#privacy.main-contents #cont p {
		width: 440px;
		margin: 0 auto 40px;
		color: #555555;
		text-align: left;
		line-height: 1.75;
	}

	#privacy.main-contents #cont dl {
		width: 460px;
		margin: 0 auto;
	}

	#privacy.main-contents #cont dl dt {
		margin: 0 0 10px;
		font-size: 18px;
		color: #0072AC;
		padding: 5px;
		border-bottom: 1px solid #BBBBBB;
		font-weight: bold;
	}

	#privacy.main-contents #cont dl dd {
		padding: 0 10px 30px;
		text-align: left;
		color: #535353;
		line-height: 1.75;
	}

	#privacy.main-contents #cont p.prvmail {
		text-align: center;
	}

	/*------------------------------------------------------------------------------------------------
      contact
    --------------------------------------------------------------------------------------------------*/
	#contact {
	}

	#contact.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		background: url(../../image/contact/bg.jpg) center top repeat-x;
		text-align: center;
	}

	#contact.main-contents ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#contact #cont {
		margin: 0 120px 0 auto;
		padding: 50px 0 0;
	}

	#contact #inq_form h1 {
		margin: 0 0 30px;
	}

	#contact #inq_form p {
		margin: 0 0 30px;
	}

	#contact #inq_form form table {
		width: 750px;
		margin: 0 auto;
	}

	#contact #inq_form th {
		width: 140px;
		padding: 15px 20px;
		vertical-align: middle;
		background: #EFEFFB;
		border-bottom: 1px solid #D8DCEB;
		color: #0072AD;
	}

	#contact #inq_form td {
		padding: 15px;
		vertical-align: middle;
		border-bottom: 1px solid #D8DCEB;
		text-align: left;
	}

	#contact #inq_form tr:first-child th,
	#contact #inq_form tr:first-child td {
		border-top: 1px solid #D8DCEB;
	}

	#contact #inq_form tr:last-child th,
	#contact #inq_form tr:last-child td {
		padding-top: 20px;
		border: none;
		text-align: center;
	}

	#contact #inq_form form input[type=text],
	#contact #inq_form form input[type=email],
	#contact #inq_form form select,
	#contact #inq_form form textarea {
		width: 95%;
		padding: 7px;
		border: 1px solid #BBB;
		border-radius: 10px;
	}
	#contact #inq_form form input[type=text].nml,
	#contact #inq_form form input[type=email].nml,
	#contact #inq_form form select.nml,
	#contact #inq_form form textarea.nml {
		width: auto;
	}

	#contact #inq_form form input[type=radio],
	#contact #inq_form form input[type=checkbox] {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		position: relative;
		top: -3px;
	}

	#contact #inq_form form label {
		margin-right: 10px;
	}

	#contact #inq_form form input[type=submit][name=btnSubmit] {
		padding: 7px 15px;
		margin: 0 5px;
		background: #0072AD;
		border: 1px solid #0072AD;
		border-radius: 10px;
		color: #fff;
		cursor: pointer;
	}
	#contact #inq_form form input[type=submit][name=btnBack] {
		padding: 7px 15px;
		margin: 0 5px;
		background: #fff;
		border: 1px solid #BBB;
		border-radius: 10px;
		cursor: pointer;
	}

	#contact #inq_form form input[type=reset] {
		padding: 7px 15px;
		margin: 0 5px;
		background: #fff;
		border: 1px solid #BBB;
		border-radius: 10px;
		cursor: pointer;
	}

	.txRed {
		color: #D30;
	}

	.go-to {
		border-radius: 5px;
	}

}