body {
font-size:12px;
line-height:22px;
color:#555555;
letter-spacing:0.1em;
margin:0;
padding:0;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
overflow-x:hidden;
overflow-y:scroll;
}

div,ul,ol,li,p,h1,h2,h3 {
padding:0;
margin:0;
}

ul {list-style-type: none;}
li img { vertical-align:bottom;}

img {border:0;}

.clearall {
clear: both;
font-size: 0;
height: 0px;
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
width: 100%; /* for IE6,7 */
visibility:hidden;
border:0;
line-height: 0px;
}



/* レイアウト -------------------------------------------------- */
#header {}
#content {width:880px; margin:0 auto 20px;}
#main {float:right; width:640px; margin-top:195px; min-height:500px; height:auto !important; height:500px;}
.index_entry {margin-bottom:80px;}
#left {width:200px; position:fixed; background:#FFFFFF;}
#footer {margin-top:20px;}
#copyright {font-size:10px;}

/* リンク基本 -------------------------------------------------- */
a:link { color:#0066CC;text-decoration:underline}
a:visited { color:#0066CC;text-decoration:underline}
a:active { color:#D64937;text-decoration:underline}
a:hover { color:#D64937;text-decoration:none}
a:hover img{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80}


/* サイドナビ -------------------------------------------------- */

/* ロゴ */
#logo a {background:url(https://www.kamihiko-ki.jp/images/header_logo.gif) left no-repeat; display:block; width:200px; height:180px;}
#logo a span {display:none;}

/* メニュー */
.sidemenu li.side00 { margin-top:0;}
.sidemenu li.side01 { margin-top:30px;}
.sidemenu li.side02 { margin-top: 5px;}

.sidemenu a {display:block; width:200px; height:30px;}
.sidemenu a span {display:none;}

a.left_01 {background:url(https://www.kamihiko-ki.jp/images/left_01_1.gif) left no-repeat;}
a.left_01:hover {background:url(https://www.kamihiko-ki.jp/images/left_01_2.gif) left no-repeat;}
.about a.left_01 {background:url(https://www.kamihiko-ki.jp/images/left_01_2.gif) left no-repeat;}

a.left_02 {background:url(https://www.kamihiko-ki.jp/images/left_02_1.gif) left no-repeat;}
a.left_02:hover {background:url(https://www.kamihiko-ki.jp/images/left_02_2.gif) left no-repeat;}
.works a.left_02 {background:url(https://www.kamihiko-ki.jp/images/left_02_2.gif) left no-repeat;}

a.left_03 {background:url(https://www.kamihiko-ki.jp/images/left_03_1.gif) left no-repeat;}
a.left_03:hover {background:url(https://www.kamihiko-ki.jp/images/left_03_2.gif) left no-repeat;}
.works a.left_03,
.web a.left_03 {background:url(https://www.kamihiko-ki.jp/images/left_03_2.gif) left no-repeat;}

a.left_04 {background:url(https://www.kamihiko-ki.jp/images/left_04_1.gif) left no-repeat;}
a.left_04:hover {background:url(https://www.kamihiko-ki.jp/images/left_04_2.gif) left no-repeat;}
.works a.left_04,
.graphic a.left_04 {background:url(https://www.kamihiko-ki.jp/images/left_04_2.gif) left no-repeat;}

a.left_05 {background:url(https://www.kamihiko-ki.jp/images/left_05_1.gif) left no-repeat;}
a.left_05:hover {background:url(https://www.kamihiko-ki.jp/images/left_05_2.gif) left no-repeat;}
.works a.left_05,
.project a.left_05 {background:url(https://www.kamihiko-ki.jp/images/left_05_2.gif) left no-repeat;}

a.left_06 {background:url(https://www.kamihiko-ki.jp/images/left_06_1.gif) left no-repeat;}
a.left_06:hover {background:url(https://www.kamihiko-ki.jp/images/left_06_2.gif) left no-repeat;}
.profile a.left_06 {background:url(https://www.kamihiko-ki.jp/images/left_06_2.gif) left no-repeat;}

a.left_07 {background:url(https://www.kamihiko-ki.jp/images/left_07_1.gif) left no-repeat;}
a.left_07:hover {background:url(https://www.kamihiko-ki.jp/images/left_07_2.gif) left no-repeat;}
.map a.left_07 {background:url(https://www.kamihiko-ki.jp/images/left_07_2.gif) left no-repeat;}

a.left_08 {background:url(https://www.kamihiko-ki.jp/images/left_08_1.gif) left no-repeat;}
a.left_08:hover {background:url(https://www.kamihiko-ki.jp/images/left_08_2.gif) left no-repeat;}
.contact a.left_08 {background:url(https://www.kamihiko-ki.jp/images/left_08_2.gif) left no-repeat;}

/* SNSリンク */
.left_sns {margin:30px 0 0 10px}
.left_sns a {display:block; width:30px; height:30px; margin-right:10px;}
.left_sns a span {display:none;}
.left_sns li {float:left;}
a.left_sns_fb {background:url(https://www.kamihiko-ki.jp/images/ic_facebook_1.gif) left no-repeat;}
a.left_sns_fb:hover {background:url(https://www.kamihiko-ki.jp/images/ic_facebook_2.gif) left no-repeat;}
a.left_sns_tw {background:url(https://www.kamihiko-ki.jp/images/ic_twitter_1.gif) left no-repeat;}
a.left_sns_tw:hover {background:url(https://www.kamihiko-ki.jp/images/ic_twitter_2.gif) left no-repeat;}

/* パンくず -------------------------------------------------- */
ul.pankuzu { width: 640px; background:url(https://www.kamihiko-ki.jp/images/ic_pankuzu.gif) left no-repeat; text-indent:30px; letter-spacing:0.1em; margin-top:80px;}
ul.pankuzu li{ display: inline;margin-right: 5px;font-size:11px; line-height:20px;}
ul.pankuzu a:link {color:#555555; text-decoration:none}
ul.pankuzu a:visited {color:#555555; text-decoration:none}
ul.pankuzu a:active {color:#D64937; text-decoration:none}
ul.pankuzu a:hover {color:#D64937; text-decoration:underline}


/* フッター -------------------------------------------------- */

/* コピー */
#copyright a:link { color:#555555;text-decoration:none}
#copyright a:visited { color:#555555;text-decoration:none}
#copyright a:active { color:#D64937;text-decoration:none}
#copyright a:hover { color:#D64937;text-decoration:underline}


/* 右下に出現するリンク -------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	background: #999999;
	text-decoration: none;
	color: #FFFFFF;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

/* コンテンツ -------------------------------------------------- */
H2 span {display:none;}
H3 span {display:none;}

/* コンテンツ about -------------------------------------------------- */
img.fade {background:url(https://www.kamihiko-ki.jp/images/fade_bg.gif) left top no-repeat;}

/* コンテンツ works -------------------------------------------------- */
.works_list a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

table.works_list {width:640px; font-size:10px; line-height:16px; letter-spacing:0.1em; margin-bottom:40px;}
table.works_list td {padding-bottom:30px;}
table.works_list td.work_img {width:190px;}
table.works_list td.blank {width:35px;}
table.works_list p {font-size:11px; font-weight:bold; line-height:20px;}
.work_img img { width:100%; max-width:190px !important; height:auto; max-height:190px !important;}

.works_list a:link { color:#555555;text-decoration:none}
.works_list a:visited { color:#555555;text-decoration:none}
.works_list a:active { color:#555555;text-decoration:none}
.works_list a:hover { color:#D64937;text-decoration:none}
.works_list a:hover p { color:#D64937;text-decoration:underline}

/* コンテンツ map -------------------------------------------------- */
.map_access {width:440px; margin:0 auto}
.map_walk {width:180px; float:left;}
.map_train {width:240px; float:right;}
.map_walk img, .map_train img {vertical-align:text-top;}

/* コンテンツ contact -------------------------------------------------- */
.contact_table {width:640px;}
.contact_table th {width:160px; text-align:left; font-weight:normal;}
.contact_table td {width:470px; padding:5px;}
.contact_must {color:#F32E66; font-size:11px;}

.contact_conf th, .contact_conf td { border-bottom:1px #CCCCCC dashed; padding:15px 10px 10px; background:#F2F2F2;}

input, select, textarea {
font-size:12px; padding:8px 5px; margin-bottom:5px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; letter-spacing:0.1em;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea {
background:#F2F2F2; border:1px #AAAAAA solid; width:458px;}
input[type="submit"] {margin:30px auto 0; padding:10px; width:300px; display:block; color:#555555; font-weight:bold;}
input[type="button"] {margin:10px auto 0; padding:5px; display:block; color:#777777; font-size:11px;}
::-webkit-input-placeholder {color:#BBBBBB;}
:-moz-placeholder {color:#BBBBBB;}

.contact_privacy {border:2px #CCCCCC solid; padding:6px 10px 10px; width:611px; height:80px; overflow-y:scroll; font-size:11px; line-height:13px; color:#777777;}
.contact_privacy p {font-weight:bold; margin:5px 0 3px;}
ol {list-style-position:inside;}