@charset 'UTF-8';

/* --------------------------------------
  作成日:2013/11/19
  テンプレート名：EMBOSS Inc.
  URL= http://www.emboss-inc.jp/
--------------------------------------- */

/* --------------------------------------
  リセット
--------------------------------------- */
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}


/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#000000;}

/* ページ全体 */
body {
	width:100%;
	text-align:center;
	font-size:18px;
	font-family:'小塚ゴシック Pro R','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.6em;
	background-color:#ffffff
	background-repeat:repeat;  
	background-position:;
	background-attachment:scroll;
}

/* ページ全体のリンク色 */
a         {color:#2ba59c;text-decoration:none;}
a:link    {color:#2ba59c;text-decoration:none;}
a:visited {color:#2ba59c;text-decoration:none;}
a:hover   {color:#2ab59c;text-decoration:none;}
a:active  {color:#2ab59c;text-decoration:none;}

/* ------------------------------------- 
	ページレイアウト
--------------------------------------- */
/* -------------------------------------

　■ページ全体の変更方法（初期は幅950に設定されています）
  ・A にページ全体の幅を指定する
  ・B + 40 = A になるように B の値を指定する
  ・C + D + E + 40 + 20 = A になるように C と D と E の値を指定する
  
  ※サイドメニューの幅は C,E　、記事の枠の幅は D の値を変更 
  ※余白(padding)の値を変えない場合の方法です
--------------------------------------- */
/* ページ全体の幅、レイアウトを中央揃え */
#wrapper {
	width:1024px; /* A */
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#ffffff;
	
}

/* --------------------------------------
　メイン
--------------------------------------- */
/* コンテンツ名 */
h1 {font-size:20px;	margin:20px 0 20px 0;color:#003366;}

/* 記事のタイトル */
h2 {font-size:18px; margin:15px 0 15px 0;font-weight:bolder;}

/* サイドメニューのタイトル */
h3 {font-size:14px;font-weight:bolder;margin:15px 0 2px 0;}

img {border-width:0px;}
p {text-indent:1em;}
div.right {	text-align:right;}

/* --------------------------------------
  ヘッダー
---------------------------------------- */
#header {
	width:1024px;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#ffffff; 
}

/* トップ画像 */
#header img {
	margin:0px;
	width:500px;
	float:left;
}

/* --------------------------------------
  メニュー
---------------------------------------- */

#menu {
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	white-space:nowrap;
	clear:left;
}

#menu img {
	height:37px;
}

#menu a {
	background-color:#ffffff;
	padding:0px;
	text-decoration:none;
	height:37px;
	margin:0px 1px; 
	text-align:center;
}
#menu a:hover {
	background-color:#ffffff;
}

#menu a.focus {
	background-color:#ffffff;
}
/* =======================================
  タイトル部分
======================================== */
#title {
	width:1024px;
	margin:10px 0px;
}

#title img {
	width:1024px;
}
/* =======================================
  トップ見出し動的部分
======================================== */

/* コンテンツ枠（記事の枠＋サイドメニューの枠）*/
#top {
	margin:0 auto;
	background-color:#ffffff;
	height: 269px;
}

#top img.gazou1 {
	position: relative;
 	top: -230px;
 	left: 40px;
}

#top img.gazou2 {
	position: relative;
	top: -180px;
	left: -180px;
}

#top img.gazou3 {
	position: relative;
	top: -270px;
	left: 590px;
}

/* --------------------------------------
  メイン
---------------------------------------- */
#content {
	margin: 0;
	padding: 0;
}

#content img.image {
	width: 300px;
}

#message {
	width:700px;
	height:220px;
	font-size:16px;
	margin: 0px 0px 0px 30px;
	padding: 90px 20px 0px 20px;
	background-image: url("../image/top00602r1.png");
	background-repeat: no-repeat;
}

#message p {
	width: 600px;
}

#subcon {
	width:700px;
	margin: 15px 20px 0px 20px;
	padding: 0px;
}

#subcon p{
	margin-right:20px;
	margin-left:10px;
	padding-right: 10px;
}

#subcon table.aboutus {
	width:660px;
}

#subcon img.aboutus {
	width:660px;
}
	
#subcon tr.odd {
	background-color:#dedede;
}

#subcon tr.even {
	background-color:#ffffff;
}

#subcon td.item {
	width:200px;
	padding:3px 10px;
}

#subcon td.cont {
	width:480px;
	padding:3px 10px;
}

#subcon div.cont2 {
	width: 640px;
	padding: 20px;
	font-size:16px;
}

#subcon div.title {
	width: 640px;
	padding: 3px 10px;
	font-weight: bold;
	background-image: url("../image/buzz00401.png");
}

#subcon div.profile {
	font-size: 14px;
	width:485px;
	margin-left: 170px;
	line-height: 1.6em;
}

#contact {
	width:1024px;
	padding: 30px 0px 0px 9px;
}

#contact table {
	width: 1000px;
}

#contact td.line {
	background-color:#ffffff;
	
}
#contact td.item {
	width:250px;
	padding:0px 100px 20px 0px;
	text-align:right;
}

#contact td.cont2 {
	width:450px;
	padding:0px 0px 20px 0px;
	text-align:left;
}

#contact td.address {
	width:300px;
	padding:0px 0px 20px 0px;
	text-align:left;
}

#contact img.line {
	width: 1000px;
}

#contact img.icon {
	width: 30px;
}

#contact div.attention {
	width:690px;
	padding: 75px 155px 0px 155px;
	font-size: 14px;
}
/* --------------------------------------
  フッタ
---------------------------------------- */
#footer {
	color: lightgray;
	font: large "Meiryo";
	text-align:center;
 	width:1024px;
	margin-top:10px;
}

#footer img {
	width: 50%;
}