/****** 基本設定 ******/
body{
    margin:0px;
    padding:0px;
    border:0px;
    background-image:url("img/bg.png");
}

img{
    border:0px;
}

/****** ラッパー：全体を包む ******/
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width:900px;
}

/****** MacIE用？ ******/
#wapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wapper {
	display: inline-table;
	clear: both;
}

/* MacIE begin \*/
*+html #wapper {height: 1%;}
* html #wapper {height: 1%;}
#wapper {display: block;}
/* MacIE end */


/****** ヘッド ******/
#header {
}


/****** コンテナ ******/
#container {
}


/****** メニュー *******/
ul#menu{
    padding:0px;
    margin:0px;
    list-style:none;
    width:100%;
}
ul#menu li{
    list-style:none;
    float:left;
    width:150px;
    margin:0px;
	padding-left: 0px;
}
ul#menu a{
    display:block;
    width:150px;
    height:40px;
    text-indent:-100px;
    overflow:hidden;
}

/****** メニューのボタン ******/
a.home{
    background-image:url("img/menu_home.png");
}
a:hover.home{
    background-position:0px -40px;
}
a.activities{
    background-image:url("img/menu_activity.png");
}
a:hover.activities{
    background-position:0px -40px;
}
a.android{
    background-image:url("img/menu_android.png");
}
a:hover.android{
    background-position:0px -40px;
}
a.profile{
    background-image:url("img/menu_profile.png");
}
a:hover.profile{
    background-position:0px -40px;
}
a.toiawase{
    background-image:url("img/menu_contact.png");
}
a:hover.toiawase{
    background-position:0px -40px;
}
a.link{
    background-image:url("img/menu_link.png");
}
a:hover.link{
    background-position:0px -40px;
}


/****** メイン「トップ」 *******/
#home{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #home{
    width:900px;
}

.gecko #home{
    width:900px;
    margin-top:40px;
}

/****** メイン「事業内容」 ******/
#activities{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #activities{
    width:900px;
}

.gecko #activities{
    width:900px;
    margin-top:40px;
}

/****** メイン「Android」 ******/
#android{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #android{
    width:900px;
}


.gecko #android{
    width:900px;
    margin-top:40px;
}

/****** メイン「プロフィール」 ******/
#profile{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #profile{
    width:900px;
}

.gecko #profile{
    width:900px;
    margin-top:40px;
}

.tbl_1 {
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
    color: #444444;
    font-size:small;
    padding:6px;
    text-align: left;
    width: 80px;
    background-color: #ccccff;
}

.tbl_2 {
    border-style: solid;
    border-width: 1px;
    border-color: #444444;
    color: #444444;
    font-size:small;
    padding:6px;
    text-align: left;
    width: 690px;
    background-color: #ffffff;
}

/****** メイン「お問い合わせ」 ******/
#toiawase{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #toiawase{
    width:900px;
}

.gecko #toiawase{
    width:900px;
    margin-top:40px;
}

/****** メイン「お問い合わせ完了時」 ******/
#toiawase2{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #toiawase2{
    width:900px;
}

.gecko #toiawase2{
    width:900px;
    margin-top:40px;
}

/****** メイン「お問い合わせエラー時」 ******/
#toiawase_err{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #toiawase_err{
    width:900px;
}

.gecko #toiawase_err{
    width:900px;
    margin-top:40px;
}

#toiawase div.read {
	width: 600px;
	margin: 25px auto 0 auto;
}
/*\*/
* html #toiawase div.read {padding-bottom: 70px;}	/* For Win IE */
/* */

#toiawase fieldset {
	width: 100%;
	margin: 30px auto 70px auto;
	text-align: center;
	border: solid 1px #0066FF;
}
#toiawase input.wid01,
#toiawase textarea.wid01 {
	width: 100%;
}
/*\*/
* html #toiawase input.wid01,
* html #toiawase textarea.wid01 {margin: 0 0 0 -180px;}	/* For Win IE */
/* */
*:first-child+html #toiawase input.wid01,
*:first-child+html #toiawase textarea.wid01 {margin: 0 0 0 -180px;}

#toiawase input,
#toiawase textarea,
#toiawase select {
	color: #333333;
}

#toiawase legend {
	padding: 7px;
	color: #ffffff;
	font-size: 88%;
	background: #0066FF;
	text-align: left;
}
#toiawase div.submit {
	margin: 15px auto;
	text-align: center;
}

#toiawase dl {
	width: 580px;
	margin: 10px auto 0 auto;
	color: #333333;
}
#toiawase dt {
	width: 160px;
	margin-bottom: 7px;
	padding: 8px;
	text-align: left;
	float: left;
	font-size: 85%;
	background: url("img/thbg01.png") repeat 0 0;
}
#toiawase dt em {
	font-style: normal;
	color: #ff0000;
}
#toiawase dd {
	width: 380px;
	margin-left: 180px;
	margin-bottom: 7px;
	padding: 8px 0px;
	text-align: left;
	font-size: 85%;
}
/*\*/
* html #toiawase dd  {width: 390px;}	/* For Win IE */
/* */
#toiawase dd span {
	color: #555555;
}

/****** メイン「リンク」 ******/
#link{
    width:880px;
    background-color:#FFFFFF;
    font-size:small;
    margin:0px;
    padding:10px;
    line-height: 140%;
}

.ie8 #link{
    width:900px;
}

.gecko #link{
    width:900px;
    margin-top:40px;
}


/****** フッター ******/
#footer {
    background-image:url("img/bgfoot.png");
    text-align:center;
	font-size: 80%;
    padding:10px;
    color:#cccccc;
}

#footer a {
    color:#00ffff;
}


* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


/****** サブヘッダー０ ******/
.subhead0 {
    border-color:steelblue;
    border-left-style:solid;
    border-bottom-style:dotted;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:20px;
    width:840px;
    margin:10px;
    padding-left: 10px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

/****** サブヘッダー１ ******/
.subhead1 {
    border-color:limegreen;
    border-left-style:solid;
    border-bottom-style:dotted;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:20px;
    width:840px;
    margin:10px;
    padding-left: 10px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

/****** サブヘッダー２ ******/
.subhead2 {
    border-color:steelblue;
    border-left-style:solid;
    border-bottom-style:dotted;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:20px;
    width:840px;
    margin:10px;
    padding-left: 10px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

/****** サブヘッダー３ ******/
.subhead3 {
    border-color:brown;
    border-left-style:solid;
    border-bottom-style:dotted;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:20px;
    width:860px;
    margin:10px;
    padding-left: 10px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

/****** IE用 ******/
.ie .contents {
    position:relative;
/*    top:10px;
    left:20px;*/
    margin: 10px 20px 10px 20px;
    width:860px;
    overflow: auto;
}

/****** Gecko用 ******/
.gecko .contents {
    position:relative;
/*    top:10px;
    left:20px;*/
    margin: 10px 20px 10px 20px;
    width:860px;
    overflow: auto;
}

.subcon2 {
    position:relative;
    top:0px;
    left:40px;
    width:800px;
    margin:0px 0px 12px 0px;
}

.go_top {
    text-align: right;
    font-size:10px;
}

.viewimg {
    float: right;
    padding-right: 10px;
/*    margin: 10px;*/
}

.viewimg img {
    margin-left: 12px; /* 余白 */
}

.sitehead {
    border-color:steelblue;
    border-left-style:solid;
    border-bottom-style:solid;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:14px;
    width:470px;
    margin:6px;
    padding-left: 6px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

.sitecon {
    position:relative;
    top:0px;
    left:30px;
    width:450px;
    margin:0px 0px 12px 0px;
}

.sitehead_r {
    border-color:steelblue;
    border-left-style:solid;
    border-bottom-style:solid;
    border-left-width:10px;
    border-bottom-width:1px;
    color:dimgray;
    font-size:14px;
    width:350px;
    margin:6px;
    padding-left: 6px; /* 余白 */
    line-height: 110%; /* 行の高さ */
}

.sitecon_r {
    position:relative;
    top:0px;
    left:30px;
    width:330px;
    margin:0px 0px 12px 0px;
}