/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@charset "UTF-8";

body {
	background-color:#FBF9EF;
	background-image:url(../images/common/background.gif);
	background-repeat:repeat;
	padding-bottom:50px;
}



/*!
 * Class
 */

.green {
	color:#006834;
}

.greenlight {
	color:#73BA2B;
}

.dark {
	color:#595757;
}

ul.caution_list {
	color:#999999;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:30px;
	margin-right:20px;
}

	ul.caution_list li {
		margin-bottom:5px;
		text-indent: -1em;
	}

	ul.caution_list li:before {
		display: inline;
		content: "※";
	}
	
	ul.caution_list li:last-child {
		margin-bottom:0px;
	}
	
	ul.caution_list small {
		color:#999999;
	}

ul.caution_list_02 {
	color:#999999;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:1em;
}

	ul.caution_list_02 li {
		margin-bottom:5px;
		text-indent: -1em;
	}

	ul.caution_list_02 li:before {
		display: inline;
		content: "※";
	}

	ul.caution_list_02 li:last-child {
		margin-bottom:0px;
	}

	ul.caution_list_02 small {
		color:#999999;
	}



/*!
 * Wrapper
 */

	div#wrapper {
		width:1030px;
		margin-left:auto;
		margin-right:auto;
	}

	@media (max-width: 767px) {
		div#wrapper {
			width:auto;
			margin-left:auto;
			margin-right:auto;
		}	
	}

/*!
 * Character
 */

div#character1 {
	width:43px;
	height:55px;
	background-image:url(../images/common/character.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	top:-30px;
	left:-30px;
}
	
div#character2 {
	width:62px;
	height:52px;
	background-image:url(../images/common/character.png);
	background-position:-45px 0px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	top:-45px;
	left:180px;
}
	
div#character3 {
	width:56px;
	height:70px;
	background-image:url(../images/common/character.png);
	background-position:-110px 0px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	top:-65px;
	right:-15px;
}
	
div#character4 {
	width:64px;
	height:82px;
	background-image:url(../images/common/character.png);
	background-position:-170px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:70px;
	right:130px;
	z-index:100;
}
	
div#character5 {
	width: 46px;
	height: 107px;
	background-image: url(../images/common/character.png);
	background-position: -235px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top:50px;
	left:15px;
	z-index: 100;
}	
	
div#character6 {
	width:59px;
	height:91px;
	background-image:url(../images/common/character.png);
	background-position:-285px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:60px;
	left:220px;
	z-index:100;
}
	
div#character7 {
	width:60px;
	height:63px;
	background-image:url(../images/common/character.png);
	background-position:-345px 0px;
	position:absolute;
	top:50px;
	right:240px;
	z-index:100;
}



/*!
 * Logo & Nav
 */

div#logo_nav {
}

	div#logo_nav h1 {
		width:175px;
	}

		div#logo_nav h1 img {
			margin-bottom:15px;
		}


	/* Header Menu */
	div#logo_nav ul#header_menu {
		width:455px;
		margin-top:20px;
		margin-bottom:0px;
	}

		div#logo_nav ul#header_menu li#header_menu_01 {
			width:70px;
			height:25px;
			line-height:25px;
		}

		div#logo_nav ul#header_menu li#header_menu_02 {
			width:110px;
			height:22px;
			padding-top:3px;
		}

		div#logo_nav ul#header_menu li#header_menu_03 {
			width:160px;
			height:30px;
			line-height:22px;
			padding-top:3px;
			padding-right:50px;
		}

@media (min-width: 767px) {
		div#logo_nav ul#header_menu li#header_menu_04 {
			width:115px;
			height:25px;
			line-height:25px;
			position:relative;
		}
		
			div#logo_nav ul#header_menu li#header_menu_04 a {
				width:135px;
				height:45px;
				background-color:#FBF9EF;
				position:absolute;
				top:-10px;
			}
			
			div#logo_nav ul#header_menu li#header_menu_04 a img {
				margin-top:10px;
				margin-bottom:10px;
				margin-left:10px;
				margin-right:10px;
			}
}

@media (max-width: 767px) {
		div#logo_nav ul#header_menu  li#header_menu_04 {
			width:115px;
			height:25px;
			line-height:25px;
		}
}

	/* Main Menu */
	div#logo_nav ul#menu {
		width:705px;
		margin-top:25px;
		margin-bottom:0px;
	}

		div#logo_nav ul#menu li a {
			text-indent:-9999px;
			margin-right:10px;
		}

		div#logo_nav ul#menu li:last a {
			margin-right:0px;
		}
	
			div#logo_nav ul#menu li#menu01 a {
				width:122px;
				height:60px;
				display:block;
				background-image:url(../images/common/menu.png);
				background-position:0px 0px;
				background-repeat:no-repeat;
			}
	
				div#logo_nav ul#menu li#menu01 a:hover,
				div#logo_nav ul#menu li#menu01 a.current {
					background-image:url(../images/common/menu_ro.png);
				}
	
			div#logo_nav ul#menu li#menu02 a  {
				width:147px;
				height:60px;
				display:block;
				background-image:url(../images/common/menu.png);
				background-position:-135px 0px;
				background-repeat:no-repeat;
			}
			
				div#logo_nav ul#menu li#menu02 a:hover,
				div#logo_nav ul#menu li#menu02 a.current  {
					background-image:url(../images/common/menu_ro.png);
				}
	
			div#logo_nav ul#menu li#menu03 a {
				width:127px;
				height:60px;
				display:block;
				background-image:url(../images/common/menu.png);
				background-position:-290px 0px;
				background-repeat:no-repeat;
			}
			
				div#logo_nav ul#menu li#menu03 a:hover,
				div#logo_nav ul#menu li#menu03 a.current {
					background-image:url(../images/common/menu_ro.png);
				}
	
			div#logo_nav ul#menu li#menu04 a {
				width:122px;
				height:60px;
				display:block;
				background-image:url(../images/common/menu.png);
				background-position:-425px 0px;
				background-repeat:no-repeat;
			}
	
				div#logo_nav ul#menu li#menu04 a:hover,
				div#logo_nav ul#menu li#menu04 a.current {
					background-image:url(../images/common/menu_ro.png);
				}
	
			div#logo_nav ul#menu li#menu05 a {
				width:137px;
				height:60px;
				display:block;
				background-image:url(../images/common/menu.png);
				background-position:-555px 0px;
				background-repeat:no-repeat;
			}
			
				div#logo_nav ul#menu li#menu05 a:hover,
				div#logo_nav ul#menu li#menu05 a.current {
					background-image:url(../images/common/menu_ro.png);
				}

	a#sidr_menu_button {
		width:80px;
		font-weight:bold;
		color:#8EC31F;
		background-color:#FBF9EF;
		border:2px solid #8EC31F;
		display:block;
		padding:5px;
		padding-top:7px;
		padding-bottom:7px;
		text-decoration:none;
	}
		



/*!
 * Main
 */

div#main_wrapper {
	background-color:#8EC31F;
	padding:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position:relative;
	box-shadow:4px 4px rgba(0, 0, 0, 0.2);
}

	@media (max-width: 767px) {
		div#main_wrapper {
		}
	}

	div#main_wrapper div#main {
		padding:10px;
		padding-left:25px;
		padding-right:25px;
		background-image:url(../images/common/main_background.gif);
		background-repeat:repeat;
		width:1000px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-bottom-right-radius:0px;
		-webkit-border-bottom-left-radius:0px;
		-moz-border-radius-bottomright:0px;
		-moz-border-radius-bottomleft:0px;
	}
	
	@media (max-width: 767px) {
		div#main_wrapper div#main {
			width:auto;
			padding:10px;
		}
	}

		div#main_wrapper div#main h2 {
			margin:0px;
			margin-bottom:15px;
		}
		
		div#main_wrapper div#main p {
			color:#595757;
			line-height:150%;
		}
	
		div#main_wrapper div#main h3 {
			font-size:16px;
			font-weight:bold;
			background-image:url(../images/common/title_mark.png);
			background-position:left center;
			background-repeat:no-repeat;
			padding-left:20px;
		}
		
		div#main_wrapper div#main h3.clearStyle {
			font-size:16px;
			font-weight:normal;
			background-image:none;
			padding-left:0px;
		}

	div#main_wrapper p.pagetop {
		margin-top:20px;
		margin-right:-5px;
	}

	div#main_wrapper div#footer {
		padding-top:15px;
		margin-left:-15px;
		margin-right:-15px;
		position:relative;
	}

div#footer_download {
	width:272px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
}

div#product_link {
	width:100px;
	height:44px;
	position:absolute;
	top:20px;
	right:10px;
}
		



/*!
 * 01.Toppage
 */

div#toppage_download {
	background-color:#FFFFFF;
	position:relative;
}

	h2#toppage_download_title {
		width:326px;
		height:60px;
		background-image:url(../images/toppage/text_0202.png);
		background-repeat:no-repeat;
		position:absolute;
		top:-30px;
		text-indent:-9999px;
	}

ul#toppage_menu a {
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	color: #FFFFFF;
	background: #8EC31F;
	padding: 10px;
	border: solid #FFFFFF 2px;
	text-decoration: none;
}

ul#toppage_menu li {
	height:40px;
	margin-bottom:10px;
}

@media (max-width: 767px) {
	h2#toppage_download_title {
		width:100%;
		background-size:contain;
		left:0px;
	}
}

	div#toppage_download ul {
		width:294px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:0px;
	}

@media (max-width: 767px) {
	div#toppage_download ul {
		width:100%;
	}

	div#toppage_download ul li.half {
		width:50%;
	}
}

div#toppage_scene {
	background-color:#EEE6DB;
}

	h2#toppage_scene_title {
		width:100%;
		height:31px;
		background-image:url(../images/toppage/text_0301.png);
		background-position:center;
		background-repeat:no-repeat;
		text-indent:-9999px;
	}

@media (max-width: 767px) {
	h2#toppage_scene_title {
		background-size:contain;
	}
}

div#toppage_scene_images {
	max-width:410px;
	max-height:250px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

@media (min-width: 768px) {
	div#toppage_scene ul {
		width:280px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media (max-width: 767px) {
	div#toppage_scene ul {
		width:100%;
	}

	div#toppage_scene ul li {
		width:50%;
	}
}



/*!
 * 02.Start
 */

div#start_download {
	background-color:#FFFFFF;
	position:relative;
}

	h2#start_download_title {
		width:326px;
		height:60px;
		background-image:url(../images/toppage/text_0202.png);
		background-repeat:no-repeat;
		position:absolute;
		top:-30px;
		text-indent:-9999px;
	}

@media (max-width: 767px) {
	h2#start_download_title {
		width:100%;
		background-size:contain;
		left:0px;
	}
}

	div#start_download ul {
		width:294px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:0px;
	}

@media (max-width: 767px) {
	div#start_download ul {
		width:100%;
	}


	div#start_download ul li.half {
		width:50%;
	}
}

div.start_section {
	width:350px;
}

@media (max-width: 767px) {
	div.start_section {
		width:auto;
	}
}

	div#start_section01 {
	}
	
div#start_illust01 {
	width: 117px;
	height: 116px;
	background-image: url(../images/starterguide/background_01.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	right: -10px;
}

@media (max-width: 767px) {
	div#start_illust01 {
		background-image:none;
	}
}

	div#start_section02 {
		position:relative;
	}
	
		div#start_illust_0202 {
			width:95px;
			height:40px;
			background-image:url(../images/starterguide/illust_0202.png);
			position:absolute;
			top:80px;
			left:-50px;
			text-indent:-9999px;
		}
	
	div#start_section03 {
		background-image:url(../images/starterguide/background_03.png);
		background-position:top right;
		background-repeat:no-repeat;
	}


@media (max-width: 767px) {
	div#start_section03 {
		background-image:none;
	}
}

	div#start_section04 {
		width:100%;
		position:relative;
	}
	
		div#start_section_0402 {
			width:240px;
			height:285px;
			background-image:url(../images/starterguide/illust_0402.png);
			position:absolute;
			top:-80px;
			right:-10px;
		}
		



/*!
 * 03.How to use
 */

ul#use_menu {
	margin-top:100px;
}

ul#use_menu02 {
	margin-top:0px;
}

	ul#use_menu02 a {
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
		color: #FFFFFF;
		background: #8EC31F;
		padding: 10px;
		border: solid #FFFFFF 2px;
		text-decoration: none;
	}

ul#use_menu02 li {
	height:40px;
	margin-bottom:10px;
}

	div#howtouse_illust_01 {
		margin-bottom:70px;
	}

@media (max-width: 767px) {
	div#howtouse_illust_01 {
		margin-bottom:70px;
	}
}
	
	img#howtouse_illust_02 {
		margin-top:-60px;
	}

@media (max-width: 767px) {
	img#howtouse_illust_02 {
		margin-top:0px;
	}
}

	div#howtouse_illust_03 {
		background-color:#FFFFFF;
		padding:20px;
	}

@media (max-width: 767px) {
	div#howtouse_illust_03 {
	}
}	
	div#howtouse_text_03 {
		padding-left:30px;
	}

@media (max-width: 767px) {
	div#howtouse_text_03 {
		padding:0px;
	}
}

/*!
 * 04.Spec
 */

table#spec_table {
	width:100%;
}

	table#spec_table tr {
		border-bottom:1px dotted #006834;
	}
	
	table#spec_table tr:first-child {
		border-top:1px solid #006834;
	}
	
	table#spec_table tr:last-child {
		border-bottom:1px solid #006834;
	}

	table#spec_table th {
		width:100px;
		color:#005B2B;
		background-color:#A9CF52;
		padding:10px;
		text-align:center;
		vertical-align:top;
	}
	
	table#spec_table td {
		padding:10px;
		vertical-align:top;
	}

@media (max-width: 767px) {
	table#spec_table th,td {
		width: 100%;
        display: block;
	}
	
	table#spec_table tr,
	table#spec_table tr:first-child,
	table#spec_table tr:last-child {
		border:none;
	}
}
	
div#spec_section_02 {
	color:#FFFFFF;
	background-color:#E50011;
	padding:15px;
}

.cauton_text {
	color:#E50011;
}



/*!
 * 05.Trouble
 */

div#trouble_illust_01 {
	width:359px;
	height:421px;
	background-image:url(../images/troubleshooting/background_01.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:-100px;
	right:0px;
}

div#trouble_section_01 {
	position:relative;
	padding-bottom:70px;
}

h2.trouble_title {
	color:#FFFFFF;
	font-size:21px;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	background-color:#00B8EE;
}

h2.common_title {
	color:#FFFFFF;
	font-size:21px;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	background-color:#8EC31F;
}

h3.common_02_title {
	color:#009043;
	font-size:21px;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
}