@charset "Shift_JIS";

/*--------------------------------------------------------------------*/
/*※注意　ここは置換で色（#以下）を変更する箇所です。

サイトにあった色（#以下）や背景を変えてください。*/

/*--------------------------------------------------------------------*/

/*　基本の文字の色*/

body {
	color:#333333;
}

/*　ｈ1とフッターの背景と文字*/

body h1,
footer small {
	background:#0B3684;
	color: #fff;
}

/*　基本のリンク色*/
a {
	color:#333333;
}


/*　ヘッダー　header*/

body header {
	/*	background: #fff url(../../images/templates/header_bg.png) right bottom no-repeat;*/
}



/*共通見出し*/

.main02_title/*indexのページタイトル*/,
.PageTitle /*各ページのページタイトル*/,
.title/*G3 サブタイトル*/ {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(11,54,132)),color-stop(1, rgb(84,114,169)));
	background-image: -moz-linear-gradient(-90deg,rgb(11,54,132) 0%,rgb(84,114,169) 100%);
	background-image: linear-gradient(-90deg,rgb(11,54,132) 0%,rgb(84,114,169) 100%);
	color: #fff;
	border-top: 1px solid #0B3684;
	border-bottom: 1px solid #0B3684;
}





.main02_title span/*indexのページタイトル*/,
.PageTitle span /*各ページのページタイトル*/,
.title h2/*G3 サブタイトル*/ {
	background: url(../../images/templates/burette01.png) 10px 4px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}





.SmallTitle/*各ページの小見出し*/,
div#gallery3 div.article div.articleHead h3/*G3の見出し*/,
div#PrivacyWrapper dl dt/*個人情報保護の小見出し*/,
div#company section#company01 table td u/*会社案内の小見出し*/{
	border-left:5px solid #0B3684;
	border-bottom:1px solid #0B3684;
}




div#gallery3 div.article u/*G3のu　見出し*/{
	background: url(../../images/templates/arrow.png) 0 4px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
	border-bottom:1px dotted #0B3684;
}





/*共通tableのデザイン*/

div#gallery3 table.border-on th/*G3のtable*/,
div#gallery3 table.border-on td,
div#PrivacyWrapper table td/*個人情報保護のtable*/,
div#PrivacyWrapper table th,
section#company02 table td.col_1/*会社案内のtable*/,
section#company02 table td.col_2{
	border: 1px solid #cccccc;
}





/*　main02　HOMEボタン　*/

div#main02 nav#main02_home {
	background:#0B3684;
	border-bottom: 1px solid #fff;
}

div#main02 nav#main02_home a {
	color:#FFF;
	background:url(../../images/templates/ico_home.png) no-repeat left center;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

/*index01 メインイメージ　背景*/

section#index01 {
	background-color: #E6EBF2;
	border-top: 2px solid #0B3684;
	border-bottom: 2px solid #0B3684;
}


/*index02 コンテンツギャラリー2　アイコン*/

section#index02 table td {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(11,54,132)),color-stop(1, rgb(84,114,169)));
	background-image: -moz-linear-gradient(-90deg,rgb(11,54,132) 0%,rgb(84,114,169) 100%);
	background-image: linear-gradient(-90deg,rgb(11,54,132) 0%,rgb(84,114,169) 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #072356;
	empty-cells: hide;
}

section#index02 table td p {
	color: #ffffff;
}

section#index02 table td a {
	color: #ffffff;
}

section#index02 table td a:active {
	color: #FC0;
}

/*******　最低限　ここまで　色や背景の変更してください！　******************************************************************************/







/*index02 コンテンツギャラリー2　レイアウト違い時　詳細ボタン*/
/*section#index02 table div{
	margin: 10px;
	width: 82px;
	height: 26px;
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(0.3, rgb(249, 249, 249)),color-stop(0.5, rgb(227, 227, 227)),color-stop(1, rgb(233, 233, 233)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(249, 249, 249) 31%,rgb(227, 227, 227) 58%,rgb(233, 233, 233) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(249, 249, 249) 31%,rgb(227, 227, 227) 58%,rgb(233, 233, 233) 100%);
	-webkit-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-moz-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-ms-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	box-shadow: 1px 1px 1px rgb(186, 186, 186);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border: 1px solid #999;
	font-size: small;
}

section#index02 table div a{
	display: block;
	width: 50px;
	height: 26px;
	letter-spacing: 0.5em;
	padding-top: 3px;
	padding-left: 8px;
	font-weight: bold;
	padding-left: 30px;
	color: #333;
	text-decoration: none;
	background: url(../../images/templates/arrow.png) 5px 5px no-repeat;
}*/



/*index02 リンクボタン共通*/

div#main02 ul li {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(0.5, rgb(230, 230, 230)), color-stop(1, rgb(245, 245, 245)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 50%, rgb(245, 245, 245) 100%);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 50%, rgb(245, 245, 245) 100%);
	border-bottom: 1px solid #ccc;
}

div#main02 ul li a {
	background: url(../../images/templates/arrow.png) right center no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


/*index02 新着情報*/

section#new ul li {
	background:#fff;
	border-bottom: 1px solid #ccc;
}

div#main02 section#new {
	border-bottom: 1px dashed #ccc;
}

div#main02 section#new p span {
	border-left: 2px solid #666666;
}

/*gallery3*/

div#gallery3 div.category {
	border-bottom:1px solid #CCC;
}

div#gallery3 div.article div.articleHead {
}

div#gallery3 span.currentPage {
	color: #666666;
}

div#gallery3 span.totalNum {
	margin-right: 10px;
	color: #666;
}

/*gallery3　戻るボタン*/

div.articleBack {
	border: 1px solid #ccc;
	background: url(../../images/templates/burette02.png) 10px 10px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


/*　ヘッダー　電話をかける　*/

header table p {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(0.3, rgb(249, 249, 249)), color-stop(0.5, rgb(227, 227, 227)), color-stop(1, rgb(233, 233, 233)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 31%, rgb(227, 227, 227) 58%, rgb(233, 233, 233) 100%);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 31%, rgb(227, 227, 227) 58%, rgb(233, 233, 233) 100%);
	-webkit-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-moz-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-ms-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	box-shadow: 1px 1px 1px rgb(186, 186, 186);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border: 2px solid #999999;
}

header table p a {
	color: #030;
	background: url(../../images/templates/arrow.png) 15px 15px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


/*フッター　footer*/

footer {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(238, 238, 238)),color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(238, 238, 238) 0%,rgb(255, 255, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(238, 238, 238) 0%,rgb(255, 255, 255) 100%);
	color: rgb(255, 255, 255);
}

/*　フッター　PCサイト切り替えボタンのデザイン*/

div#mode_pc p a {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(0.3, rgb(249, 249, 249)), color-stop(0.5, rgb(227, 227, 227)), color-stop(1, rgb(233, 233, 233)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 31%, rgb(227, 227, 227) 58%, rgb(233, 233, 233) 100%);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 31%, rgb(227, 227, 227) 58%, rgb(233, 233, 233) 100%);
	-webkit-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-moz-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-ms-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	box-shadow: 1px 1px 1px rgb(186, 186, 186);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border: 1px solid #999;
	color: #333;
}

div#mode_pc p a span {
	background: url(../../images/templates/pc.png) right center no-repeat;
	-webkit-background-size:30px 30px;
	-moz-background-size:30px 30px;
}
/*-------------------------------------------------------------------------*/
/*　↑↑↑　※注意　ここは置換で色（#以下）を変更する箇所　ここまで　↑↑↑*/
/*-------------------------------------------------------------------------*/




















/*--------------------------------------------------------------------*/
/*タグの基本設定　common*/
/*--------------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 auto;
	text-align: center;
}

div#container {
}

div#wrapper {
}

div#wrapper:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

body h1 {
	display: block;
	width: 100%;
	text-align:left;
	font-size:x-small;
	padding:2px 0;
	text-indent: 10px;
}

body a {
	outline:none;
}

body a:active img {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

body div.clear {
	clear:both;
}

body img {
	vertical-align:top;
}

/*共通見出し*/


.SmallTitle {
	clear: both;
	text-align: left;
	margin: 10px 0;
	padding-left: 10px;
}

.PageTitle {
	margin-bottom: 10px;
}

.main02_title span/*indexのページタイトル*/, .PageTitle span /*各ページのページタイトル*/, .title h2/*G3 サブタイトル*/ {
	display: block;
	padding-left: 40px;
}

.main02_title/*indexのページタイトル*/, .PageTitle /*各ページのページタイトル*/, .title/*G3 サブタイトル*/ {
	padding:5px 10px 5px 0;
	font-weight:bold;
	text-align: left;
}

/*パンくずリスト*/

nav#crumbs {
	margin:5px 0 5px 10px;
	text-align:left;
}

nav#crumbs a {
	text-decoration:none;
	text-align: left;
}

/*--------------------------------------------------------------------*/
/*header　ヘッダーのスタイル*/
/*--------------------------------------------------------------------*/

header {
	clear: both;
	width: 100%;
}

header:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

header table {
	width: 100%;
	margin: 0 auto 5px;
	border-collapse: collapse;
	background-color: none;
}

header table td, header table img, header table a img {
	vertical-align: top;
}

header table img {
	float: left;
	width: 60%;
	margin-top: 12px;
}

/*　電話をかける　*/

header table p {
	float:right;
	width: 32%;
	float: right;
	margin:15px 10px 3px 0;
	font-size: x-small;
}

header table p a {
	width: 90%;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 16px 0 16px 15px;
	font-weight: bold;
}

/*　営業時間コメント部　*/

header p.text {
	clear: both;
	width: 95%;
	margin: 2px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

/*--------------------------------------------------------------------*/
/*main02　共通ボタン部*/
/*--------------------------------------------------------------------*/

div#main02 {
	text-align:center;
}

div#main02 ul li {
	width: 100%;
	height: 100%;
	text-align:left;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

div#main02 ul a {
	display: block;
	height: 100%;
	padding:10px;
	text-decoration:none;
}

div#main02 table {
	border-collapse:collapse;
	width:100%;
}

div#main02 table td {
	text-align:center;
}

/*HOME*/
div#main02 nav#main02_home {
	padding:10px;
	text-align:left;
	font-weight:bold;
}

div#main02 nav#main02_home a {
	display:block;
	padding:0px 10px 0px 30px;
}

/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
footer {
	width: 100%;
}

/*コピーライト*/
footer small {
	display: block;
	width: 100%;
	text-align: center;
	font-size:x-small;
	padding:3px 0;
}

/*アクセス解析*/
div#accesslog img {
	display:block;
	height:0;
}

/*--------------------------------------------------------------------*/
/*　フッターのPCサイト切り替えリンク*/
/*--------------------------------------------------------------------*/
div#mode_pc {
	padding: 20px 5px;
}

div#mode_pc:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#mode_pc p {
	width: 98%;
	clear:both;
	list-style:none;
	margin:0 auto;
	padding: 0;
	text-align: left;
}

div#mode_pc p a {
	display: block;
	text-decoration: none;
	width: 95%;
	margin:0 auto;
	padding-left: 6px;
	font-weight: bold;
}

div#mode_pc p a span {
	display: block;
	padding: 9px 0;
	margin: 0 10px;
}

/*--------------------------------------------------------------------*/
/*index.html*/
/*--------------------------------------------------------------------*/

/*index01　メインイメージ*/

div#index {
	margin: 0 auto;
	width: 100%;
}

section#index01 {
	display: block;
	margin:0 auto 10px;
	text-align: center;
	width: 100%;
}

section#index01:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}


section#index01 div.slideshow {
	margin:0 auto;
	text-align: center;
	overflow: hidden;
}

section#index01 div.slideshow:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

section#index01 div.slideshow img {
	width: 320px;
	height: 136px;
	display: block;
	margin: 0 auto;
	text-align: center;
}


/*index02 コンテンツギャラリー2　アイコン*/

section#index02 {
	clear: both;
	margin-bottom: 10px;
}

section#index02 table {
	width: 95%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 3px;
}

section#index02 table td {
	width: 33%;
	vertical-align: middle;
	padding-bottom: 5px;
	border-radius: 5px;
	text-align: center;
}

section#index02 table td p {
	font-weight: bold;
	font-size: 90%;
}

section#index02 table td a {
	display: block;
	height: 30%;
	font-size: 90%;
	font-weight: bold;
	padding: 20px 11px;
	text-decoration: none;
}

section#index02 table td a:active {
	text-decoration: underline;
}


/*index02 新着情報*/

div#main02 section#new {
	margin-bottom: 10px;
}

div#main02 section#new a {
	background: none;
	font-weight: normal;
}

div#main02 section#new p {
	width: 93%;
	margin: 5px auto;
	text-align: left;
}

div#main02 section#new p a:active {
	text-decoration: underline;
}

div#main02 section#new p span {
	font-weight: bold;
	padding: 0 5px 0 8px;
}





/*--------------------------------------------------------------------*/
/*個人情報保護　privacy.html*/
/*--------------------------------------------------------------------*/
div#PrivacyWrapper {
	padding:0 10px 10px 10px;
}

div#PrivacyWrapper p {
	text-align:left;
	padding:0 0 15px 0;
}

div#PrivacyWrapper dl {
}

div#PrivacyWrapper dl dt {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

div#PrivacyWrapper dl dd {
	margin:0 0 30px 0;
	text-align:left;
}

div#PrivacyWrapper table {
	width: 100%;
	margin: 10px auto 0 auto;
	border-collapse: collapse;
}

div#PrivacyWrapper table td {
	padding:5px 10px;
	width:70%;
	font-size: small;
}

div#PrivacyWrapper table th {
	padding:5px 10px;
	width: 30%;
	background:#E6EBF2;
}


/*--------------------------------------------------------------------*/
/*会社案内　company.html*/
/*--------------------------------------------------------------------*/
div#company h3 {
	padding:5px 10px 5px 30px;
	font-weight:bold;
	display:block;
}

section#company01 {
}

section#company01 p {
	padding:10px;
}

section#company01 table {
	border-collapse: collapse;
	text-align: left;
}

section#company01 table td {
	padding:0 0 30px 0;
}

section#company01 table td u {
	display: block;
	text-align: left;
	margin: 10px 0 0 0;
	padding-left: 10px;
	text-decoration: none;
}

section#company01 table td b {
}

section#company01 table td img {
	float:right;
	width:300px;
	padding:10px 10px 0 10px;
}

section#company02 {
	padding:0 10px 30px 10px;
}

section#company02 table {
	width: 100%;
	margin:0 auto;
	border-collapse: collapse;
}

section#company02 table td {
	text-align:left;
	font-size: small;
}

section#company02 table td.col_1 {
	padding:5px 10px;
	width: 30%;
	background:#E6EBF2;
}

section#company02 table td.col_2 {
	padding:5px 10px;
	width:70%;
}

section#company03 iframe {
	width: 90%;
	height: 90%;
	margin: 0 auto;
}

/*--------------------------------------------------------------------*/
/*ギャラリー3　gallery3/gallery3_list,gallery3*/
/*--------------------------------------------------------------------*/

div#gallery3 div.category {
	padding:0 0 10px 0;
	margin-bottom: 15px;
}

div#gallery3 div.category:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.category div.categoryContent {
	padding:10px;
}

div#gallery3 div.category div.categoryContent div.comment p {
	text-align: left;
}

div#gallery3 div.category div.categoryContent div.image img {
	max-width:300px;
	float:left;
	margin:0 10px 10px 0;
}

div#gallery3 div.article {
	clear:both;
	padding:0 10px 20px 10px;
	text-align:left;
}

div#gallery3 div.article iframe {
	max-width:300px;
}

div#gallery3 div.articleNotFound {
	padding:10px;
}

div#gallery3 p.pager-upper, div#gallery3 p.pager-lower {
	font-weight:bold;
	padding:10px;
	text-align: left;
}

div#gallery3 p.pager-upper {
	text-align: left;
}

div#gallery3 div.article:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article p {
	margin:0 0 10px 0;
}

div#gallery3 div.article u {
	text-decoration:none;
	font-weight:bold;
	display: block;
	padding-left: 20px;
}

div#gallery3 div.article div.articleHead h3 {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

div#gallery3 div.article div.articleHead h3 a {
	text-decoration:none;
}

div#gallery3 div.article div.articleBody {
}

div#gallery3 div.article div.articleBody div.articleContent:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article div.articleBody {
}

div#gallery3 div.article div.articleBody div.articleContent:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article div.articleBody div.articleContent {
}

div#gallery3 div.article div.articleBody div.articleContent img {
	width:100%;
	margin:0 0 10px 0;
}

div#gallery3 div.article div.articleBody div.articleContent div.left {
	clear:both;
	float: left;
	margin:0 3px 0 0;
}

div#gallery3 div.article div.articleBody div.articleContent div.right {
	clear:both;
	float: right;
	margin:0 0 0 3px;
}

div#gallery3 div.article div.articleBody div.articleContent div.left img, div#gallery3 div.article div.articleBody div.articleContent div.right img {
	max-width:300px;
}

div#gallery3 div.article div.articleBody div.articleContent a {
	text-decoration:underline;
}

div#gallery3 div.article div.articleBody div.articleContent a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

div#gallery3 table {
	border-collapse: collapse;
	width:98%;
	margin:15px auto;
}

div#gallery3 table.border-on th {
	padding:5px;
	font-weight:bold;
}

div#gallery3 table.border-on td {
	padding:5px;
}

div#gallery3 table td.seName {
	font-weight:bold;
}

/* G3の戻るボタン */

div.articleBack a {
	text-indent: 30px;
	display: block;
	padding:5px 5px 5px 5px;
}

div.articleBack {
	margin-bottom: 10px;
	text-align: left;
}