@charset "UTF-8";

/*------------------------------------------------------------------------------
	style.css
	WORLD ONE TRADINGスタイルシート
	2009-4-1 PRIQIA 遠藤隆史
------------------------------------------------------------------------------*/

/* マージン、パディング削除（全称セレクタは使わない）*/
html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th, td, img,
button {
	margin				: 0;
	padding				: 0;
	font-weight			: normal;
}

/*------------------------------------------------------------------------------
	各要素初期化
------------------------------------------------------------------------------*/
body {
	line-height			: 1.4;
	font-family			: Verdana, "ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
	font-size			: 12px;
	color				: #333;
}

/* for IE6 */
* html body {
	font-size			: 75%;
	font-family			: "MS P ゴシック", Arial, sans-serif;
	letter-spacing		: 1px;
	vertical-align		: baseline;
}

/* for WinIE7*/
*:first-child+html body {
	font-size			: 75%;
	font-family			: 'メイリオ', Meiryo, Arial, sans-serif;
}

/* 見出しサイズ調整 */
h1 { font-size			: 136%; font-weight: bold; }
h2 { font-size			: 129%; font-weight: bold; }
h3 { font-size			: 120%; font-weight: bold; }
h4 { font-size			: 110%; font-weight: normal; }
h5 { font-size			: 107%; }
h6 { font-size			: 100%; }

li {
	list-style			: outside none;
}

table {
	border-collapse		: collapse;
}

img {
	border				: none;
	vertical-align		: bottom;
}

address, em, cite {
	font-style			: normal;
}

code {
	font-family			: "Courier New", Courier, monospace;
	padding-left		: 0.4em;
	padding-right		: 0.4em;
}

pre code {
	padding				: 0;
}

p {
	line-height			: 1.5;
	padding:0 0 1em 0;
}

/* アンカータグ */
a {
	color				: #333;
	text-decoration		: underline;
}
a:hover {
	text-decoration		: none;
}
/*リスト*/
ul {
	margin-bottom		: 1em;
}

ol {
	margin-bottom		: 1em;
	padding-left		: 2em;

}

li {
	list-style			: none outside;
}

/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
html {
	min-height			: 100%;
}
body {
	padding-bottom		: 57px;
	background			: url("../images/footer.jpg") center bottom no-repeat;
}

#wrapper {
	padding				: 31px 0 0;
	background			: url("../images/body_bg.gif") left top repeat-x;
}

#content {
	padding-bottom		: 35px;
	width				: 1000px;
	margin				: 0 auto;
}

#main {
	padding				: 30px 15px 35px 15px;
	width				: 968px;
	margin				: 0 auto;
	background			: #FFFFFF;
	border				: solid 1px #b3e9c5;
	text-align:left;
}

#footer {
	display				: none;
}

/*------------------------------------------------------------------------------
	ヘッダー
------------------------------------------------------------------------------*/
#header					 {
	width				: 1000px;
	position			: relative;
	margin				: 0 auto 30px;
}

#header2					 {
	width				: 1000px;
	position			: relative;
	margin				: 0 auto 5px;
}

/* 言語選択 */
.switch-language {
	position			: absolute;
	right				: 0;
	top					: 0;
	height				: 46px;
	width				: 1000px;
}
.switch-language ul {
	position			: absolute;
	right				: 0;
	bottom				: 0;
	margin				: 0 0 0 -4px;
}
.switch-language li {
	float				: left;
	margin-left			: 4px;
}
.switch-language li a {
	display				: block;
	width				: 66px;
	height				: 18px;
	text-indent			: -9999px;
	overflow			: hidden;
	background			: url("../images/language_off.gif") no-repeat;
}
.switch-language li a:hover,
.switch-language li.current a {
	background			: url("../images/language.gif") no-repeat;
}
.switch-language li.jp a { background-position: 0 0; }
.switch-language li.en a { background-position: -71px 0; }

#header .logo, #header2 .logo{
	margin-bottom		: 10px;
}

#header .top-imgbar {
	margin-bottom		: 14px;
}

/* グローバルナビ */
#global-navigation:after {
	content				: "";
	display				: block;
	clear				: both;
	height				: 0;
}
* html #global-navigation { zoom: 1; }
*:first-child+html #global-navigation { zoom: 1; }

#global-navigation li {
	float				: left;
}
#global-navigation li a {
	display				: block;
	text-indent			: -9999px;
	overflow			: hidden;
	background			: url("../images/navi_off.gif") no-repeat;
}
#global-navigation li a:hover,
#global-navigation li.current a {
	background-image	: url("../images/navi_on.gif");
}
#global-navigation li.top a { width: 56px; background-position: 0 0; }
#global-navigation li.company a { width: 93px; background-position: -56px 0; }
#global-navigation li.vision a { width: 75px; background-position: -149px 0; }
#global-navigation li.service a { width: 86px; background-position: -224px 0; }
#global-navigation li.recruit a { width: 82px; background-position: -310px 0; }
#global-navigation li.contact a { width: 92px; background-position: -392px 0; }
#global-navigation li.press a { width: 52px; background-position: -483px 0; }

/*------------------------------------------------------------------------------
	コンテンツ
------------------------------------------------------------------------------*/
#content:after {
	content				: "";
	display				: block;
	clear				: both;
	height				: 0;
}
* html #content { zoom: 1; }
*:first-child+html #content { zoom: 1; }

/* TOPICS */
#topics {
	float				: left;
	width				: 537px;
	padding-top			: 24px;
	margin				: 0 0 15px;
	background			: url("../images/topics.png") left top no-repeat;
}
#topics ul {
	margin				: 0;
}
#topics li {
	position			: relative;
	padding				: 0 10px 12px 24px;
	line-height			: 1.8;
	background			: url("../images/topics_border.gif") left bottom repeat-x;
}
#topics li .title {
	margin-top			: 10px;
	color				: #3BB586;
	font-weight			: bold;
}
#topics li .body {
	font-size			: 90%;
}
#topics li .postdate {
	font-size			: 85%;
}
#topics li .banner {
	position			: absolute;
	right				: 10px;
	top					: 0;
}

/* 右のバナー */
#banners {
	float				: right;
	width				: 413px;
}
#banners li {
	margin-bottom		: 10px;
}

/* フィード */
#feeds {
	float				: left;
	clear				: left;
	width				: 537px;
	padding-left		: 24px;
}
#feeds li {
	display				: inline;
	margin-right		: 15px;
}
#feeds li img {
	margin-right		: 3px;
	vertical-align		: middle;
}
#feeds li a {
	text-decoration		: none;
}

/*------------------------------------------------------------------------------
	フッタ
------------------------------------------------------------------------------*/
#footer .copyright {
	text-align			: center;
}


/* テーブル共通指定

----------------------------------------------- */

table  {
    margin: 0 auto 0 auto;
   /* border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;*/
    border-collapse:separate;
    text-align: left;

}

table th {
    padding: 8px;
  /*  border-right: 1px solid #ccc;*/
    border-left: 2px solid #b3e9c5;
    background-color: #f6fcef;
    font-weight: normal;
}

table td {
    padding: 8px;
  /*  border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/

}

div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
/*フォーム関連

----------------------------------------------- */
.box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box380 {
    width: 200px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.attention{
	color: #ff0000;
}
.mini{
	font-size:11px;}

#QuickFormError {
	color: red;
	text-align: center;
}

.order-form {
	width: 640px;
}

.order-form th {
	width: 180px;
}


.post{
	border-bottom:solid 1px #CCCCCC;
	padding:8px 15px 5px 20px;
}

.post2{
	border-bottom:solid 1px #CCCCCC;
	padding:12px 15px 5px 20px;
}


/*見出し*/
h2{text-decoration:none;
	font-size:14px;
	color:#003333;
	padding:0 0 1em 0;
	}
h2 a{text-decoration:none;
	font-size:14px;
	color:#003333;
	}
h2 a:hover{text-decoration:underline;
	}
	
	
/*サービス*/
.serviceWrp{
	clear:both;
	padding:20px 0;
	/*border-top:solid 1px #CCCCCC;*/}
.serviceWrp p{
font-size:90%;}
.serviceWrp .image{
	float:left;
	padding:0 10px 50px 0;
;
	}
.serviceWrp img{
	border:solid 1px #CCCCCC;
	}
/*プレス*/
.date{
	font-size:10px;}
.border{
	border:solid 1px #CCCCCC;
	}