/* ページの基本デザイン用CSS */

body{
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #CCCC99;
	text-align: center; margin-bottom: 10px; margin-top: 10px;
}
h1{
	padding-top: 15px; padding-left: 116px; font-size: 160%; font-weight: normal; letter-spacing: 5.5px;
	margin: 0px; background-image: url(header.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 200px;
	}

/*背景に色付け widthをかまうな*/
#copy { width: 560px; height: 148px; background-color: #f8f8ff; font-size: 82%; padding-left: 10px; margin:auto; }
h2 {
	color: #000000;
	font-size:120%;
	border-left: 12px solid #003333;
	padding-left: 5px;
	margin-top: 1.4em;
	margin-bottom: 0px;
}
h3 {
	background-image:url(line.gif);
	border:0px solid #000000;
	color: #FFFFFF;
	font-size: 100%;
	padding: 1px;
	margin:0.5em 0px;
	clear:both; line-height: 140%; }

p {
	font-size: 95%;
	line-height: 180%; font-family: Arial, Helvetica, sans-serif; }
address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	text-align:center;
	padding: 20px 20px ; clear: both; }
p img {
	float: left; margin-right:5px; margin-top: 5px; border: solid 0px #666666; }
a img { border: 0px; }
a img p { float: left; margin-right: 5px; }
#path {
	text-align:right;
	margin: 0px; font-size: 85%; 
}
#path a { font-weight: normal ; }
#banner { padding-left: 10px; }
#banner1 { padding-left: 9px; padding-top: 4px; padding-bottom: 4px; border-color: #999999; border-style: solid; border-width: 1px; background-color: #eee8aa; }
/*バーナーの間隔あけてる*/
#banner1 img { margin-bottom: 3px; }

a {
	color: #666666;
	text-decoration: none;
	font-weight: normal ;
}
h1 a {
	color: #000000;
	font-weight: normal; }
#side h2 {
	font-family:Arial, Helvetica, sans-serif;
	border-left:none;
	padding-left:0px;
	font-size:120%;
}
#side h2 a {
	color: #D93E02;
	font-weight: normal;
}
#side ul {
	font-size: 100%;
	margin: 5px;
	padding-left:10px; }
/*サイドのメニューのフォントをボールドに*/
#side ul a { font-weight: bold; }
/*サイドの旗*/
#side .flag { border:1px solid #000000; }
form {
	font-size:90%;
	}
#contents {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: auto;
	text-align:left;
}

/*フォーム*/
form { width: 350px; padding: 20px; background-color: #D8EBD8; border: 3px double #669900; margin: auto; }
form div { margin: 1px 0px; padding: 1px 0px; }
.question { display: block; width: 25%; float: left; }
#name { width: 55%; }
#furigana { width: 55%; height: 50px; }
#mail { width: 55%; height: 50px; }
#yubin { width: 55%; height: 50px; }
#adress { width: 55%; height: 50px; }
#birtday { width: 55%; height: 50px; }
#comment { width: 55%; height: 50px; }

/*メニューバー overflow hiddenで出回り込み解除*/

#footer { overflow: hidden; width: 780px; margin: 0px 10px 0px 10px ; list-style-type: none; padding-top: 20px; position: absolute; bottom: -8px; }
#footer li { display: inline; border-right: 1px; solid #999999; font-size: 70%; padding-left: 0px; }


/*小嶋家ロゴ*/
#logo img { float: right; margin-right:5px }
/**/
form {
	font-size:90%;
	}
#contents {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: auto;
	text-align:left; }
/*maplandia ボーダー消し*/
#map a img { float: right; border: 0px; padding-right: 10px; padding-bottom: 30px; }

/*フィールド*/
fieldset { margin: auto; border-width: 3px; border-color: #669966;
border-style: double;
padding: 0px 10px 5px 10px; line-height: 120%; font-size: 100%; }

/*サイド写真中央*/
#photo { padding-left : 10px; }

span { color: #CC0000;
 }
.top
{
   float: right; display: block;
   width: 41px;
   height: 12px;
   background-image: url('top.gif');
   background-repeat: no-repeat;
   text-indent: -4096px;
}
/*枠線 背景色に色づけ*/
#sen { border-color: #999999; border-style: double; border-width: 3px; padding: 0px 10px 5px 10px; background-color: #f8f8ff; }
/*枠線 背景に色付け*/
#sen-green { border-color: #669966; border-style: double; border-width: 3px; padding: 0px 10px 5px 10px; background-color: #FAFAD2; }
/*ネパールSkype中央に*/
#nepal-skype img { padding-left: 42px; }
/*ネパール広告枠線*/
#nepal img { border-color: #669966; border-style: solid; border-width: 1px; }

/*招き猫　右へ*/

#procedure { border-color: #669966; border-style: dashed; border-width: 1px; padding: 5px 14px 5px 25px; }
hr { border-color: #669966; border-style: dotted; border-width: 1px; }
#sub-title { color: #CC0000; text-align: center; font-weight: bold; }
/*TTPP右へ*/
#ttpp img { padding-left: 187px; }
/*ホバー*/
#link a:hover {color: #88aaff; }
/*ペルー広告マージン取り*/
#peru { font-size: 60%; margin-top: 0px; margin-bottom: 10px; }
/*スカイプボタン左に移動*/
#skype { padding-left: 8px; }
/*篆刻中央に*/
#tenkoku { padding-left: 46px; padding-top: 5px; padding-bottom: 0px; }
/*blog中央に*/
#blog { margin: auto; }
/*Linkesin*/
#linkedin { padding-left: 10px; }
/*日本語社名*/
.name { margin-bottom: 10px; }

/*企業の写真*/
#basic p img { float: left; clear: both; }
/*企業の写真の所　Pが段落ちするのでheightを210に、210以外はダメ*/
.kaijiyo { clear: both; padding: 5px; background-color: #F8F8FF; width: 570px; height: 210px; line-height: 18px; font-size: 80%; padding-top: 10px; margin-bottom: 10px; }
.kaijiyo img { padding-top: 8px; padding-right: 10px; }
/*画像左寄せ*/

.hidari { float: left; clear: both; padding-right: 10px; } 
/*画像左寄せ*/
#media { padding-left: 125px; }


/*greetingボタン*/
#greeting h5 a { background-color: #99CC99; display: block; width: 100px; solid 3px; border-color: #CCE6CC  #6CB76C #6CB76C #CCE6CC; text-align: center; float: right; margin-right: 25px; margin-top: -15px; }

/*presentationボタン*/
.presentation h5 a { background-color: #99CC99; display: block; width: 120px; border: solid 3px; border-color: #CCE6CC  #6CB76C #6CB76C #CCE6CC; text-align: center; float: right; margin-right: 25px; margin-top: -15px; }

/*枠線 背景色に色づけ*/
#santaframe { padding: 0px 10px 5px 10px; background-color: #f8f8ff; }
/*ステッカーPX必要 */
#seal img { position: fixed; top: 300px; right: 225px; }



/* ----- サムネイル表示１番左 ----- */
#sumnail1 img {
     border: none;
}

/*サムネイルを移動しているmargin-top: -68px; padding-right: 250px; 難しい、marginとpaddingにしている！*/
#sumnail1 p.zoom { float: right; position: relative;
     width: 60px;
     height: 45px; margin-top: -68px; padding-right: 250px; }

#sumnail1 p.zoom a:visited {
     position: absolute;
     display: block;
     width: 60px;
     height: 45px;
}
#sumnail1 p.zoom a img {
     width: 60px;
     height: 45px;
}
 
/* ----- マウスオーバーによる拡大表示----- */
#sumnail1 p.zoom a:hover {
     position: absolute;
     width: 240px;
     height: 180px;
}
#sumnail1 p.zoom a:hover img {
     position: absolute;
     top: 0;
     left: 0;
     width: 240px;
     height: 180px;
}


/* ----- サムネイル表示 一番右----- */
img {
     border: none;
}

/*サムネイルを移動しているmargin-top: -68px; padding-right: 170x; 難しい、marginとpaddingにしている！*/
p.zoom { float: right; position: relative;
     width: 60px;
     height: 45px; margin-top: -68px; padding-right: 170px; }

p.zoom a:visited {
     position: absolute;
     display: block;
     width: 60px;
     height: 45px;
}
p.zoom a img {
     width: 60px;
     height: 45px;
}
 
/* ----- マウスオーバーによる拡大表示----- */
p.zoom a:hover {
     position: absolute;
     width: 240px;
     height: 180px;
}
p.zoom a:hover img {
     position: absolute;
     top: 0;
     left: 0;
     width: 240px;
     height: 180px;
}
#facebook { padding-left: 30px; outline: none; }