@charset "utf-8";

/*------------ header ------------*/
/* navi */
#header div.CNT_nav {
	margin-bottom: 0.8em;
}
/* appback button */
#header div.CNT_nav ul.js_appback {
	margin-bottom: 10px;
	margin-left: 10px;
}
/* navi list */
#header ul.CNT_index {
	margin: 3% 3% 10px 5px;
}

#header ul.CNT_index li {
	padding-left: 0.5em;
}

#header ul.CNT_index li a {
	color: #555555;
	text-decoration: none;
}

#header ul.CNT_index li a:hover {
	color: #cc0000;
}

/* header logo */
#header div.CNT_header_logo {
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	background-color: #c7b299;
}
#header div.CNT_header_logo h1 {
	font-size: 1.5em;
	margin: 0 0.5em;
	text-align: center;
	color: #ffffff;
}
#header div.CNT_header_logo h1 span.CNT_model_name {
	font-size: 0.8em;
	text-align: center;
	color: #ffffff;
}

/* setup, model change button */
#header ul.CNT_title_button {
	text-align: center;
	padding-left: 0;
}
#header ul.CNT_title_button li {
	display: inline-block;
}
#header ul.CNT_title_button li + li {
	margin: 0.5em 0;
}
#header ul.CNT_title_button li a {
	display: block;
	max-width: 25em;
	min-width: 9em;
	border: solid 2px #ffffff;
	color: #ffffff;
	text-decoration: none;
	background-color: rgba(0,0,255,0);
}
#header ul.CNT_title_button li a:hover {
	color: #cc0000;
}

#header ul.CNT_title_button li a img {
	vertical-align: middle;
}

#header ul.CNT_title_button li a span.CNT_title_buttons {
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
}

/*------------ contents ------------*/
/* contents */
div.CNT_contents {
	padding-top: 0 !important;
	width: 94% !important;
}

#contents #main div.CNT_section {
	margin-bottom: 1em;
}

/* title */
#contents h2.CNT_hedding2 {
	color: #333333;
	border-left: solid 10px #cc0000;
	padding: 0.5em;
}

/* pick up */

#contents ul.CNT_pick_up {
	list-style: none;
	margin-bottom: 1.5em;
	padding-left: 0;
}

#contents ul.CNT_pick_up li {
	text-align: center;
	vertical-align: top;
}

#contents ul.CNT_pick_up li a {
 	float: left;
	display: block;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	background: #ededed;
	width: 41%;
	height: 150px;
	padding: 1em;
}

#contents ul.CNT_pick_up li a span img {
	width: 70%;
	padding-bottom: 0.5em;
}

#contents ul.CNT_pick_up li.CNT_odd a {
	border-right: 2px solid #cccccc;
}

#contents ul.CNT_pick_up li:first-child a {
	border-bottom: 2px solid #cccccc;
}
#contents ul.CNT_pick_up li:nth-child(2) a {
	border-bottom: 2px solid #cccccc;
}

#contents ul.CNT_pick_up li a:hover {
	color: #cc0000;
}

#contents ul.CNT_pick_up:after {
	clear: both;
	display: block;
	visibility: hidden;
	content: "";
	height: 0;
}

/* how to use */

#contents ul.CNT_how_to_use {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0.5em; 
}
#contents ul.CNT_how_to_use li:first-child {
	border-top: 1px solid #999999;
}
#contents ul.CNT_how_to_use li a {
	display: block;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #999999;
}
#contents ul.CNT_how_to_use li a:hover {
	color: #cc0000;
}
#contents ul.CNT_how_to_use li a span.CNT_howto_img {
	display: table-cell;
	width: 30%;
}

#contents ul.CNT_how_to_use li a span.CNT_howto_img img { width: 100px; }

#contents ul.CNT_how_to_use li a span.CNT_howto_title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2em;
	font-size: 1.2em;
}

/* link list */
#contents ul.CNT_link_list {
	list-style: none;
	padding-left: 0;
	margin-top: 2em;
	margin-bottom: 2em;
}
#contents ul.CNT_link_list li {
	margin-bottom: 1em;
	border-bottom: solid 1px #999999;
}

#contents ul.CNT_link_list li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding-bottom: 0.5em;
}

#contents ul.CNT_link_list li img {
	width: 33px;
	padding-right: 15px;
	padding-bottom: 0.5em;
}

#contents ul.CNT_link_list li span.CNT_link_img {
	display: table-cell;
}

#contents ul.CNT_link_list li span.CNT_link_title {
	display: table-cell;
	vertical-align: middle;
}

#contents ul.CNT_link_list li a:hover { color: #cc0000; }

/* infomation */
#contents ul.CNT_info {
	list-style-position: inside;
	padding-left: 0;
}
#contents ul.CNT_info li {
	padding: 0.5em;
	list-style-image: url(screens/red_bullet.gif);
}

#contents ul.CNT_info li a { color: #000000; text-decoration: none; }
#contents ul.CNT_info li a:hover { color: #cc0000; }

/* copyright */
#footer p.copyright a { color: #cccccc; text-decoration: none; }

@media screen and (min-width: 480px) {

/* navi */
	#header div.CNT_nav:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: "";
	}

/* navi list */
	#header ul.CNT_index {
		float: right;
		margin: 0 3% 0 0;
	}

	#header ul.CNT_index li {
		float: left;
		margin-bottom: 0;
	}

	#header ul.CNT_index li:first-child a {
		border-right: 2px solid #cccccc;
		padding-right: 0.5em;
	}

/* header logo */
	#header div.CNT_header_logo h1 {
		margin: 0.5em 0;
	}

/* setup, model change button */
	#header ul.CNT_title_button li {
		padding: 0.5em;
	}

	#header ul.CNT_title_button li a img {
		padding: 3px;
	}

/* pick up */

	#contents ul.CNT_pick_up {
		display: table;
		width: 100%;
	}

	#contents ul.CNT_pick_up li {
		display: table-cell;
		width: 33%;
	}

	#contents ul.CNT_pick_up li a {
		float: none;
		width: auto;
		height: 200px;
		padding: 0.5em;
	}

	#contents ul.CNT_pick_up li a span img {
		width: 80%;
		padding-bottom: 0.3em;
	}

	#contents ul.CNT_pick_up li a {
		border-right: 2px solid #cccccc;
	}

	#contents ul.CNT_pick_up li:last-child a {
		border-right: none;
	}

	#contents ul.CNT_pick_up li:first-child a {
		border-bottom: none;
	}
	#contents ul.CNT_pick_up li:nth-child(2) a {
		border-bottom: none;
	}

/* how to use */

	#contents ul.CNT_how_to_use {
		margin-left: 2%;
	}

	#contents ul.CNT_how_to_use li {
		display: inline-block;
		margin: 0.5em;
		width: 30%;
	}

	#contents ul.CNT_how_to_use li a {
		border: solid 1px #999999;
		padding: 0;
		font-size: 0.9em;
	}

	#contents ul.CNT_how_to_use li:first-child {
		border-top: none;
	}

	#contents ul.CNT_how_to_use li a span.CNT_howto_img {
		display: block;
		width: 90%;
		padding: 0.5em;
		margin: 0 auto;
	}

	#contents ul.CNT_how_to_use li a span.CNT_howto_img img { width: 100%; }

	#contents ul.CNT_how_to_use li a span.CNT_howto_title {
		display: block;
		padding: 0.3em;
		padding-bottom: 0.5em;
		text-align: center;
	}

/* link list */

	#contents ul.CNT_link_list {
		margin-left: 3%;
	}
	#contents ul.CNT_link_list li img {
		width: 40px;
	}
	#contents ul.CNT_link_list li span.CNT_link_title {
		padding-top: 9px;
	}

/* infomation */

	#contents ul.CNT_info {
		margin-left: 5%;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 700px) {

/* header_logo */

	#header div.CNT_header_logo {
		padding: 1em;
		margin-bottom: 1em;
		text-align: right;
		background: url(screens/header.gif) no-repeat;
		background-size: 100%;
	}

	#header div.CNT_header_logo h1 {
		margin: 0.5em 0;
		text-align: left;
	}

/* setup, model change button */

	#header ul.CNT_title_button {
		text-align: left;
	}

/* pick up */

	#contents ul.CNT_pick_up {
		margin: 1em 0 1.5em 0;
	}

	#contents ul.CNT_pick_up li a {
		height: 200px;
	}

	#contents ul.CNT_pick_up li a span img {
		width: auto;
	}
}

@media print {
	#header div.CNT_nav { display: none; }

	#header div.CNT_header_logo {
		padding: 1em;
		margin-bottom: 1em;
		text-align: right;
		background:  #c7b299 url(screens/header.gif) no-repeat;
		background-size: 100%;
		border: 1px solid #cccccc;
		height: 135px;
	}

	#header div.CNT_header_logo h1 {
		margin: 0.5em 0;
		text-align: left;
	}

	#header ul.CNT_title_button {
		text-align: left;
	}

	#header ul.CNT_title_button li {
		border: 1px solid #cccccc;
	}

	#header ul.CNT_title_button li a img {
		padding: 3px;
	}

/* pick up */

	#contents ul.CNT_pick_up {
		display: table;
		margin: 1em 0 1.5em 0;
		width: 100%;
		table-layout: fixed;
		border: 1px solid #cccccc;
	}

	#contents ul.CNT_pick_up li {
		float: none;
		display: table-cell;
		width: 34%;
	}

	#contents ul.CNT_pick_up li a {
		float: none;
		width: auto;
		height: 200px;
		padding: 0.5em;
	}

	#contents ul.CNT_pick_up li a span img {
		width: 80%;
		padding-bottom: 0.3em;
	}

	#contents ul.CNT_pick_up li a {
		border-right: 2px solid #cccccc;
	}

	#contents ul.CNT_pick_up li:last-child a {
		border-right: none;
	}

	#contents ul.CNT_pick_up li:first-child a {
		border-bottom: none;
	}
	#contents ul.CNT_pick_up li:nth-child(2) a {
		border-bottom: none;
	}

/* how to use */

	#contents ul.CNT_how_to_use {
		margin-left: 2%;
	}

	#contents ul.CNT_how_to_use li {
		display: inline-block;
		margin: 0.5em;
		width: 30%;
	}

	#contents ul.CNT_how_to_use li a {
		border: solid 1px #999999;
		padding: 0;
		font-size: 0.9em;
	}

	#contents ul.CNT_how_to_use li:first-child {
		border-top: none;
	}

	#contents ul.CNT_how_to_use li a span.CNT_howto_img {
		display: block;
		width: 90%;
		padding: 0.5em;
		margin: 0 auto;
	}

	#contents ul.CNT_how_to_use li a span.CNT_howto_img img { width: 100%; }

	#contents ul.CNT_how_to_use li a span.CNT_howto_title {
		display: block;
		padding: 0.3em;
		padding-bottom: 0.5em;
		text-align: center;
	}

/* link list */

	#contents ul.CNT_link_list {
		margin-left: 3%;
	}
	#contents ul.CNT_link_list li img {
		width: 40px;
	}
	#contents ul.CNT_link_list li span.CNT_link_title {
		padding-top: 9px;
	}
}