@charset "UTF-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		common
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
body {
	margin: 0;
	font: 100%/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-weight: 400;
	letter-spacing: 0.01em;
	background: #FFFFFF;
	color: #FFF;
	}
	
::-moz-selection { background: #DAE000; color: #000; }
::selection { background: #DAE000; }

a { color: #FFFFFF; outline: 0; text-decoration: none; }
a:visited 	{ color: #FFFFFF; }
a:hover 		{ color: #C4D700; }
a:focus 		{ color: #FFFFFF; }
a:active 	{ color: #C4D700; }

ul,ol,p { list-style: none;/*黒丸を消す*/ margin: 0; padding: 0; }
img, object, embed, video { max-width: 100%; }
.ie6 img { width: 100%; } /* width100%をIE6で対応  */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		memo
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*

FONT - 12px
	line-height: 175px;
	font-size: 12px;
	letter-spacing: 0.00rem;

FONT - 14px
	line-height: 170px;
	font-size: 14px;
	letter-spacing: 0.00rem;

*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		box
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.inner {
	float: none;
	clear: none;
	width: 90.625%;
	height: auto;
	padding: 0 4.6875%;
	}
.beige {
	background-color: #F5F4F0;
	}
.pinkbeige {
	background-color: #FDEDE4;
	}
/*　ページ全体ボックス : スライド対策　*/
#page-wrap {
	position: absolute;
	z-index: 10;
	width: 100%;
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.cherrypink_m {
	color: #E74291;
	}
.turquoise_m {
	color: #009997;
	}
.lime_m {
	color: #C4D700;
	}
.pink_m {
	color: #EB6D8E;
	}
.sachs_m {
	color: #6879B5;
	}

/* :::::: color bar ::::::  */
.color_bar {
	width: 100%;
	}
.color_bar div {
	float: left;
	width: 8.3%;
	height:5px;
	}
.color_bar_m {
	padding-bottom:13px;
	}
	
.turquoise { background-color:#009997 }
.green { background-color:#00A458 }
.lime { background-color:#C4D700 }
.white { background-color:#EFEFEF }
.darkgray { background-color:#727171 }
.black { background-color:#231815 }
.darknavy { background-color:#002640 }
.navy { background-color:#00448F }
.sachs { background-color:#6679B6 }
.wine { background-color:#B71254 }
.cherrypink { background-color:#E74291 }
.Pink { background-color:#EB6D8E }

/*　機能 : イージーフレックス : アニメーション　*/
#easy_move_box {
	position: relative;
	}
#easy_move {
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-animation: showMe 2s ease-out infinite 0s alternate;
		 -moz-animation: showMe 2s ease-out infinite 0s alternate;
					-o-animation: showMe 2s ease-out infinite 0s alternate;
							 animation: showMe 2s ease-out infinite 0s alternate;
	-webkit-animation-play-state: running;
		 -moz-animation-play-state: running;
					-o-animation-play-state: running;
							 animation-play-state: running;
	}
@-webkit-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@-moz-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@-o-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		header
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 44px;
	background-color: #C8C3C0;
	opacity: 0.92;
	}
#he_L {
	float: left;
	margin-left: 4.6875%;
	}
#he_R {
	float: right;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		image
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#image {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		menu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#menu {
	padding-top: 10px;
	padding-bottom: 23px;
	}
#menu div {
	height: 48px;
	line-height: 48px;
	margin-top: 13px;
	padding-left: 16px;
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size:11.5px 20px;
	font-size: 16px;
	letter-spacing: 0.1rem;
	}
	
#top {
	color:#E74291;
	border: solid 1px #E74291;
	background-image: url(../img_sp/menu_icon01.png);
	}
#color_variation {
	color:#009997;
	border: solid 1px #009997;
	background-image: url(../img_sp/menu_icon02.png);
	}
#line_up {
	color:#C4D700;
	border: solid 1px #C4D700;
	background-image: url(../img_sp/menu_icon03.png);
	}
#function {
	color:#EB6D8E;
	border: solid 1px #EB6D8E;
	background-image: url(../img_sp/menu_icon04.png);
	}
#coordinate {
	color:#6879B5;
	border: solid 1px #6879B5;
	background-image: url(../img_sp/menu_icon05.png);
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		link
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#link {
	line-height: 60px;
	padding-bottom: 19px;
	background-color: #F5F4F0;
	color: #776C66;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.03rem;
	}
.link_icon {
	float: left;
	height: auto;
	line-height: 20px;
	background-color: #A69D99;
	font-size: 9px;
	text-align: center;
	letter-spacing: 0.02rem;
	}
.link_icon img {
	margin-bottom: 1.5px;
	}
#link_1 { width: 30.344828%; margin-right: 4.137931%; }
#link_2 { width: 65.517241%; }
#link_3 { width: 30.344828%; margin-top: 4.137931%; margin-right: 4.137931%; }
#link_4 { width: 30.344828%; margin-top: 4.137931%; margin-right: 4.137931%; }
#link_5 { width: 30.344828%; margin-top: 4.137931%; }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#footer {
	width: 100%;
	height: 25px;
	padding-top: 42px;
	background-color: #C8C3C0;
	background-image: url(../img_sp/footer_button.png);
	background-position: 50% 13px;
	background-repeat: no-repeat;
	background-size: 25px 13.5px;
	color: #FFFFF;
	font-size: 8px;
	text-align: center;
	}
	
	
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		slider
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#slider {
	display: none;
	} 
#sl_header {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
	}
#sl_close {
	margin-left: 147px;
	}
#slider ul {
	margin: 13px 0;
	}
#slider ul li p {
	padding-left: 13px;
	}
#slider ul li a {
	display:block;
	letter-spacing: 0.05rem;
	/*border-bottom:2px solid #2D2D2D;*/
	padding:13px 0;
	color: #FFFFFF;
	font-size:13px;
	}
.sl_gray {
	background-image: url(../img_sp/sl_icon_1.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_cpink {
	background-image: url(../img_sp/sl_icon_cp.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_turquoise {
	background-image: url(../img_sp/sl_icon_tq.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_lime {
	background-image: url(../img_sp/sl_icon_li.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_pink {
	background-image: url(../img_sp/sl_icon_p.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}
.sl_sachs {
	background-image: url(../img_sp/sl_icon_sc.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 7px 12px;
	}