@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Kosugi+Maru:wght@400&family=Kosugi:wght@400&family=Hachi+Maru+Pop:wght@400&family=Yomogi:wght@400&family=Abril+Fatface:wght@400&family=Playball:wght@400&family=Arizonia:wght@400&display=swap');

/*セミオリジナルテンプレート用設定項目*/
/*1.全体背景色:*/
body {background:#ffffff;}
/*2.全体枠線色*/
	/*デザインの都合上なし*/
/*3.メイン画像背景色*/
	/*デザインの都合上なし*/
/*4.メイン画像*/
#photo {background:url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/sun-misima/1775549055029196800.jpg);} /* 930px x 250px */
/*5.コンテンツ部背景色*/
	/*デザインの都合上なし*/
/*6.コンテンツ部枠線色*/
	/*デザインの都合上なし*/
/*7.上部メニュー画像*/
	/*デザインの都合上なし*/
/*8.上部メニュー画像（マウスオーバー時）*/
	/*デザインの都合上なし*/
/*9.上部メニュー文字色*/
	/*デザインの都合上なし*/
/*10.上部メニュー文字色（マウスオーバー時）*/
	/*デザインの都合上なし*/
/*11.左部親ページメニュー画像*/
#side #sn_company a.sn_01 {background-image:url(img/147_2_side1.png);}
/*12.左部親ページメニュー画像（マウスオーバー時）*/
#side #sn_company a.sn_01:hover, #side #sn_company a.sn_01_over {background-image:url(img/147_2_side2.png);}
/*13.左部子ページメニュー画像*/
#side #sn_company a.sn_01_01 {background-image:url(img/147_2_side1.png);}
/*14.左部子ページメニュー画像（マウスオーバー時）*/
#side #sn_company a.sn_01_01:hover , #side #sn_company a.sn_01_01_over {background-image:url(img/147_2_side2.png);}
/*15.左部メニュー文字色*/
#side #sn_company li a {color:#333333;}
/*16.左部メニュー文字色（マウスオーバー時）*/
#side #sn_company li a:hover, #side #sn_company li a.sn_01_01_over, #side #sn_company li a.sn_01_over {color:#333333;}
/*17.ページ全体リンク色*/
a {color:#0000ff;}
/*18.ページ全体リンク色（訪問後）*/
a:visited {color:#810081;}
/*19.ページ全体リンク色（マウスオーバー時）*/
a:hover {color:#0000ff;}

/*html body*/
html {
	height:100%;
}

body{
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
        }


table{
        }

/*common*/
img {
	border:0px;
}
.clear {
	clear:both;
}

/*page*/
.page {
	margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
}

/*header*/
#header {
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(img/147_2_header-trans.png) 0 bottom repeat-x #ffffff;
}
#header .page {
	padding: 20px 20px 40px 20px;
	width: 880px;
}

/*content box*/
#content_box {
	width:100%;
	background:url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/pkitimages/1770190125_l.jpg) top center no-repeat;
}
#content_box .page{
	padding:0 0 20px 0;
}

/*photo*/
#photo_box{
	width:100%;
	background: #b2d435;

}
#photo {
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	width:630px;
	height:310px;
	background-position:0 0;
	background-repeat:repeat-x;
	float:right;
}

/*main*/
#main{
	float:right;
	margin: 20px 0 0 20px;
	padding: 10px 10px 0 10px;
	width:640px;
	overflow:auto;
	background-color:#FFF;
}
#main #mobile, #cnt_btmbt{
	padding:0 0 0 535px;
	width:75px;
}
#main #mobile a, #cnt_btmbt a{
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:24px;
	background:url(img/mobile.gif) 0 0 no-repeat;
}

/*side*/
#side {
	margin: 20px 0 0 0;
	float: left;
	padding:9px;
	width:260px;
	background:url(img/147_2_side.png) 0 0 repeat #6C6556;
	border:1px solid #333333;
	z-index:100;
}
#side-content {
	padding:0 9px 9px 9px;
	width:240px;
	background:#FFF;
	border:1px solid #CCC;
}
#side ul{
	margin:0;
	padding:0 0 10px 0;
}
#side ul ul{
	margin:0;
	padding:0;
}
#side li{
	font-size:1px;
	padding:0;
	width:240px;
	list-style:none;
	letter-spacing:0.01em;
	line-height:0;
	overflow:hidden;
}
#side #sn_company li a{
	zoom:1;
	line-height:1em;
	font-size:14px;
}
#side #sn_company a.sn_01, #side #sn_company a.sn_01_over{
	display:block;
	margin:0;
	padding:15px 0 5px 30px;
	width:210px;
	height:20px;
	text-decoration:none;
	background-position:11px 17px;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCC;
}
#side #sn_company a.sn_01:hover, #side #sn_company a.sn_01_over{
	font-weight:bold;
}
#side #sn_company a.sn_01_01, #side #sn_company a.sn_01_01_over{
	display:block;
	background-position:21px 10px;
	background-repeat:no-repeat;
	margin:0;
	padding:8px 0 6px 40px;
	width:200px;
	height:15px;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
#side #sn_company a.sn_01_01:hover, #side #sn_company a.sn_01_01_over {
	font-weight:bold;
}

#side table, #side td, #side th, #side tr {
	margin:0;
	padding:0;
}

/*footer*/
#footer{
	margin:0;
	padding:20px 0;
	width:100%;
	text-align:center;
	clear:both;
}

