@charset "utf-8";

/*---ここからbaseの基本設定:---*/

/*body*/
body {
	margin: 0;/*---マージン:0px---*/
	padding: 0;/*---パディング:0px---*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #FFFFFF;/*---背景:白---*/
	background-image: url(img/test-backgroundpng1.png);
}
/*heder*/
#header {
	height: 85px;/*---高さ:80px---*//*---最初は100px---*/
	width: 960px;/*---幅:960px---*/
	margin: 0 auto;/*---マージン:上下0px 左右auto---*/
}
#header h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;/*---文字の大きさ:12px---*/
	color: #FFFFFF;/*---文字の色:白---*/
	margin: 0;/*---マージン:0px---*/
}
#header img {
	border: none;/*---ボーダー:なし---*/
	margin: 0;/*---マージン:0px---*/
	padding: 0;/*---パディング:0px---*/
}
#header a {
	outline:none;/*---アウトッライン:なし クリックした時の点線をなくす---*/
}

/*container*/
#container {
	width: 980px;/*---幅:980px---*//*---実幅:960px---*//*---影:左右10px---*/
	height: 460px;/*---高さ:460px---*//*---実幅:450px---*//*---影:下10px---*/
	margin: 0 auto;/*---マージン:上下0px 左右auto---*/
	background-image: url(img/test-mainbackground2.png);
}
/*navigation*/
#navigation {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	position: relative;
	margin: 0;/*---マージン:0px---*/
	padding: 0;/*---パディング:0px---*/
	background-image: url(img/test-homepage-navi0.png);
}

#navigation li {
	float: left;/*---フロート:左---*/
	list-style-type: none;/*---パディング:0px---*/
}

#navigation li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 35px;
	text-indent: -9998px;
	overflow: hidden;
	background-image: url(img/test-homepage-navi0.png);
	background-repeat: no-repeat;
	outline: none;
}
#global-navigation_home {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_concept {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_services {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_price {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_shop {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_access {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_style {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_blog {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_sitemap {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_link {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_privacypolicy {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}
#global-navigation_question {
	width: 960px;/*---幅:960px---*/
	height: 35px;/*---高さ:35px---*/
	margin: 0 auto;
}

/*up state*/
li#nav_home a {
left: 0;
width: 120px;
background-position: 0 0;
}
li#nav_concept a {
left: 120px;
width: 120px;
background-position: -120px 0;
}
li#nav_services a {
left: 240px;
width: 120px;
background-position: -240px 0;
}
li#nav_price a {
left: 360px;
width: 120px;
background-position: -360px 0;
}
li#nav_shop a {
left: 480px;
width: 120px;
background-position: -480px 0;
}
li#nav_access a {
left: 600px;
width: 120px;
background-position: -600px 0;
}
li#nav_style a {
left: 720px;
width: 120px;
background-position: -720px 0;
}
li#nav_blog a {
left: 840px;
width: 120px;
background-position: -840px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -40px;
}
li#nav_concept a:hover {
background-position: -120px -40px;
}
li#nav_services a:hover {
background-position: -240px -40px;
}
li#nav_price a:hover {
background-position: -360px -40px;
}
li#nav_shop a:hover {
background-position: -480px -40px;
}
li#nav_access a:hover {
background-position: -600px -40px;
}
li#nav_style a:hover {
background-position: -720px -40px;
}
li#nav_blog a:hover {
background-position: -840px -40px;
}

/*down state*/
li#nav_home a:active {
background-position: 0 -80px;
}
li#nav_concept a:active {
background-position: -120px -80px;
}
li#nav_services a:active {
background-position: -240px -80px;
}
li#nav_price a:active {
background-position: -360px -80px;
}
li#nav_shop a:active {
background-position: -480px -80px;
}
li#nav_access a:active {
background-position: -600px -80px;
}
li#nav_style a:active {
background-position: -720px -80px;
}
li#nav_blog a:active {
background-position: -840px -80px;
}

/*current state*/
#global-navigation_home li#nav_home a {
background-position: 0 -120px;
}
#global-navigation_concept li#nav_concept a {
background-position: -120px -120px;
}
#global-navigation_services li#nav_services a {
background-position: -240px -120px;
}
#global-navigation_price li#nav_price a {
background-position: -360px -120px;
}
#global-navigation_shop li#nav_shop a {
background-position: -480px -120px;
}
#global-navigation_access li#nav_access a {
background-position: -600px -120px;
}
#global-navigation_style li#nav_style a {
background-position: -720px -120px;
}
#global-navigation_blog li#nav_blog a {
background-position: -840px -120px;
}

/*headlinenews*/
#headlinenews {
	height: 45px;
	width: 980px;
	padding: 0;
	background-image: url(img/newsticker-background.png);
	margin-top: 8px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
#newsticker {
	width: 750px;
	height: 20px;
	float: right;
	margin: 0;
	margin-top: -15px;
}
#newsticker li {
	margin-top: 20px;
}
#newsticker a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FFFFFF;
}

/*subcontains-navigation*/

#subcontains-navigation {
	width: 980px;
	height: 140px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
#subcontains-navigation ul#subcontains {
	width: 980px;/*---幅:960px---*/
	height: 140px;/*---高さ:35px---*/
	margin: 0 auto;
}
#subcontains-navigation li {
	float: left;
	list-style-type: none;/*リストマーカー:なし*//*マーカーをなくす為*/
}

/*up state*/
#subcontains-navigation #subcontains #sub_concept a{
	background-position: 0 0px;
	width: 196px;
	height: 140px;
	padding: 0;
	display: block;
	outline:none;
	background-image: url(img/subcontains-navigation.png);
	background-repeat: no-repeat;
	margin-left: -40px;
}
#subcontains-navigation #subcontains #sub_style a{
    background-position: -196px 0 ;
	width: 196px;
	height: 140px;
	padding: 0;
	display: block;
	outline:none;
	background-image: url(img/subcontains-navigation.png);
	background-repeat: no-repeat;
}
#subcontains-navigation #subcontains #sub_shop a{
    background-position: -392px 0 ;
	width: 196px;
	height: 140px;
	padding: 0;
	display: block;
	outline:none;
	background-image: url(img/subcontains-navigation.png);
	background-repeat: no-repeat;
}
#subcontains-navigation #subcontains #sub_qa a{
    background-position: -588px 0 ;
	width: 196px;
	height: 140px;
	padding: 0;
	display: block;
	outline:none;
	background-image: url(img/subcontains-navigation.png);
	background-repeat: no-repeat;
}
#subcontains-navigation #subcontains #sub_blog a{
    background-position: -784px 0 ;
	width: 196px;
	height: 140px;
	padding: 0;
	display: block;
	outline:none;
	background-image: url(img/subcontains-navigation.png);
	background-repeat: no-repeat;
}

/*hover state*/
#subcontains-navigation #subcontains #sub_concept a:hover{
    background-position: 0 -140px;
}
#subcontains-navigation #subcontains #sub_style a:hover{
    background-position: -196px -140px ;
}
#subcontains-navigation #subcontains #sub_shop a:hover{
    background-position: -392px -140px ;
}
#subcontains-navigation #subcontains #sub_qa a:hover{
    background-position: -588px -140px ;
}
#subcontains-navigation #subcontains #sub_blog a:hover{
    background-position: -784px -140px ;
}


/*footer-desgin*/
#footer-desgin {
	height: 300px;/*---高さ:自動---*//*---最初は100px---*/
	width: 980px;/*---幅:971px---*//*---最初は970px---*/
	clear: both;/*---フロートの解除:両方---*/
	margin-top: 0px;/*---マージン左:自動---*/
	margin-bottom: 0px;/*---マージン下:なし---*/
	margin-right: auto;
	margin-left: auto;
}

/*footer*/
#footer {
	height: 60px;/*---高さ:自動---*//*---最初は100px---*/
	width: 980px;/*---幅:971px---*//*---最初は970px---*/
	clear: both;/*---フロートの解除:両方---*/
	margin-top: 10px;/*---マージン左:自動---*/
	margin-bottom: 0px;/*---マージン下:なし---*/
	margin-right: auto;
	margin-left: auto;
}
#footer ul{
	padding: 0;
	width: 400px;
	height: 16px;
	margin-top: 10px;
	margin-left: 320px;
}
#footer li{
	text-decoration: none;/*テキストの装飾:なし*/
	list-style-type: none;/*リストマーカー:なし*//*マーカーをなくす為*/
	margin: 0;/*---マージン上:なし---*/
	padding-top: 0px;/*---パディング:なし---*/
	padding-right: 0px;/*---パディング:なし---*/
	padding-bottom: 0px;/*---パディング:なし---*/
	padding-left: 20px;/*---パディング:なし---*/
	text-align: center;
	float: left;
}
#footer a{
	color: #FFFFFF;/*---文字の色---*/
	font-size: 12px;/*---文字の大きさ:12px---*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#footer a:hover{
	color: #00CCFF;/*---文字の色---*/
}
#footer .footer-line {
	width: 960px;
	height: 2px;
	background-image: url(img/footer-line.png);
	padding: 0;
	margin-top: 0px;
	margin-left: 10px;
}
#footer address {
	color: #FFFFFF;/*---文字の色---*/
	font-size: 12px;/*---文字の大きさ:12px---*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;/*---テキストの装飾:なし---*/
	text-align: center;
	margin-top: 0px;
}
/*ここまでbaseの設定*/
#footer #mail {
	background-image: url(img/email.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer #link {
	background-image: url(img/link.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer #sitemap {
	background-image: url(img/sitemap.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer #privacypolicy {
	background-image: url(img/privacypolicy.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#header a {
}