﻿@charset "utf-8";

/*
======================================================
[c!]COLORS -Think Innovation!-
http://www.colors.gr.jp/
info@colors.gr.jp
(C) COLORS Co.,Ltd. All Rights Reserved.
--
Editor : CLSTK
Since : 2007-02-06

Ver.1.0
Last Up Date : 2007-02-06
======================================================

sw.css
------------------------------------------------------

------------------------------------------------------
*/

/* ====================
Universal
==================== */
* {
	margin:0;
	padding:0;
	font-size:100%;
}

/* ====================
Main Style
==================== */
body {
	background:#FFFFFF;
	font-family : "ＭＳ Ｐゴシック", "MS UI Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"平成角ゴシック","HeiseiKakuGothic", "中ゴシック体", "ChuGothic", sans-serif;
	text-align:center;
	color: #333333;
	margin:0 0 30px 0;
	padding:0;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

h1,h2,h3,h4,h5,h6,div {
	margin:0;
	padding:0;
}

h1 {
	font-size: 170%;
	line-height:1.4;
}

h2 {
	font-size: 130%;
	line-height:1.4;
}

h3 {
	font-size: 110%;
	line-height:1.4;
}

h4 {
	font-size: 90%;
	line-height:1.4;
}

h5 {
	font-size: 80%;
	line-height:1.4;
}

h6 {
	font-size: 80%;
	line-height:1.4;
}

img,
a img {
	margin:0;
	padding:0;
	border:0;
}

p {
	line-height: 1.5;
	font-size:92%;
	margin:0;
	padding:0;
}

/* ====================
Main Frame
==================== */
div#header {
	background:url("../img/sw_dotbdr.gif") bottom repeat-x;
	margin:0 auto;
	padding:0 0 1px 0;
}

div#container {
	margin:0 auto;
	padding:0 0 17px 0;
	background-color:#FFFFFF;
	text-align:left;
}

#sw_osaka div#container,
#sw_tokyo div#container {
	background:url("../img/sw_dotbdr.gif") bottom repeat-x;
}

div#footer {
	margin:0 auto;
	padding:0;
}


/* ====================
back to TOP
==================== */

/* backToTOP */
ul#backToTOP {
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
	width:45px;
	height:15px;
}

ul#backToTOP li {
	background:transparent url("../img/listmark.gif") no-repeat left 1px;
}

ul#backToTOP li {
	margin:0 0 9px 0;
	padding:0 0 0 15px;
	width:24px;
}

ul#backToTOP a {
	background:url("../img/li_top.gif") no-repeat;
	display:block;
	width:24px;
	height:13px;
}

ul#backToTOP a:hover {
	background:url("../img/li_top_r.gif") no-repeat;
}


/* ====================
Border
==================== */

/* ====================
Anchor Style
==================== */
a:link {
	color: #2E2E2E;
	text-decoration:none;
}

a:visited {
	color: #2E2E2E;
	text-decoration:none;
}

a:hover {
	color: #2E2E2E;
	text-decoration:none;
}

/* ====================
Font size
==================== */
.fs10 {
	font-size:77%;
}

/* ====================
Text Style
==================== */
.bold {
	font-weight:bold;
}

.underLine {
	text-decoration:underline;
}

.italic {
	font-style:italic; 
}


.imgMiddle {
	vertical-align:middle;
}

span.warn,
span.strong {
color:#E31F1F;
}

.mark {
	color:#CCCCCC;
}

p.left {
	text-align:left;
}

p.right {
	text-align:right;
}

span.warn {
	color:#FF6600;
}

span.warnRed {
	color:#FF0000;
}

/* ====================
Detail style
==================== */
.dotBdr {
	background:url("../img/dotbdr.gif") bottom repeat-x;
	padding:0 0 2px 0;
}

.msgBox {
	background-color:#F5F6F6;
	padding:10px
}

.msgBox2 {
	border:1px solid #ADADAD;
	padding:10px;
}

.away {
	left:-9999px;
	overflow:hidden;
	position:absolute;
	width:0;
	height:0;
}

/* ====================
List
==================== */
ul.privacyList {
	margin:47px 0 0 0;
	padding:0;
	list-style-type:none;
	width:115px;
}

ul.privacyList li {
	background:url("../img/listmark04.gif") no-repeat left 4px;
}

ul.privacyList li p {
	margin:0;
	padding:0 0 0 10px;
	font-size:77%;
}

ul.privacyList li a:link {
	color: #333333;
	text-decoration:underline;
}

ul.privacyList li a:visited {
	color: #333333;
	text-decoration:underline;
}

ul.privacyList li a:hover {
	color: #FF9500;
	text-decoration:underline;
}

/* ====================
Form
==================== */
#inquiry form {
	margin:45px 0 0 0;
}

/* ====================
Margin
==================== */
.mt10 {margin:10px 0 0 0;}
.mt15 {margin:15px 0 0 0;}
.mt17 {margin:17px 0 0 0;}
.mt17r10 {margin:17px 0 0 10px;}
.mt20 {margin:20px 0 0 0;}
.mt22 {margin:22px 0 0 0;}
.mt27 {margin:27px 0 0 0;}
.mt35 {margin:35px 0 0 0;}
.mt38 {margin:38px 0 0 0;}
.mt50 {margin:50px 0 0 0;}
.mt65 {margin:65px 0 0 0;}
.mt70 {margin:70px 0 0 0;}

/* EOF*/