/* Styles */

* {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

img {
	border: none;
	vertical-align: middle;
}

ul {
	list-style: none;
}

a {
	color: #f6bfbc;
	text-decoration: none;
}

a:hover {
	color: #fff; /*#fef4f4;*/
}

a img {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
a:hover img {
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)";
    /* IE 8 */
}

p {
	margin-bottom: 1.2em;
	width: 100%;
}

h1 {
    margin: 0 auto;
    font-size: 1.143em;
}

h2 {
	margin: 10px 0 30px;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -2px;
}

h3{
	margin: 50px 0 10px;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -2px;
}



html {
	height: 100%;
	overflow-x: hidden;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	/*font: 16px/100% 'Acme', sans-serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: rgba(0,0,0,1);
}





/* error */
#errorMessageText {
	text-align: left;
	color: #ff0000;
}






.swiper-container1 {
	overflow-x: hidden;
}
.swiper-container2 {
	overflow-x: hidden;
}




/* custom */
#subtitle {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-style: normal;
	font-size: 130%;
	color: #990033;
	background-color: #f0f0f0;
	padding: 3px 10px;
	font-weight: normal;
}
#subtitle_center {
	text-align: center;
}
#subtitle_left {
	text-align: left;
}





/* header */
#top_header {
	position: fixed;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/cloth-d3.png);
	opacity: 0.95;
	color: rgba(0,0,0,1);
	z-index: 500;
}
#header_1_box {
	width: 50%;
	height: 80px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: hidden;
	display: inline-block;
	text-align: left;
}
#header_2_box {
	width: 50%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	text-align: right;
}
#header_logo {
	width: 180px;
}

// drawer custom
.drawer-hamburger{
	padding:30px 1.1rem 15px;
}


/* footer */
#footer {
	width: 100%;
}
#footer-box {
	background-image: url(images/cloth-d3.png);
	opacity: 0.8;
	width: 100%;
	height: 80px;
	padding-top: 30px;
    text-align: center;
	overflow: hidden;
}






/* contents */
article {
	width: 100%;
}
#content {
	width: 100%;
	margin: 0;
}






.topcontent {
  	position: relative;
  	margin: 0 auto;
  	padding: 0;
  	height: 100vh;
}
#bg_sec_first {
    background: url(images/top_image.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#bg_sec_gallery {
	height: auto;
	background-image: url(images/B2.png);
	background-repeat: repeat;
	/*background: url(images/top4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;*/
}
#bg_sec_information {
	background-image: url(images/top4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#bg_sec_contact {
	background-image: url(images/top10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}





.disp_db {
	display: block;
	text-align: center;
}
.boxfixed {
	position: fixed;

	display: -webkit-flex;
	display: flex;

    width: 100vw;
    height: 100vh;
	padding: 50px 50px 0 50px;

	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-overflow-scrolling: touch;
}
.boxfixedLast {
    z-index: -1;
}
.box {
    position: absolute;

	display: -webkit-flex;
	display: flex;

    width: 100vw;
    min-height: 100vh;
    padding: 50px 50px 0 50px;

    -webkit-overflow-scrolling: touch;
}





.sitetop_sub {
	width: 100%;
	text-align: left;
}
.top_title {
	letter-spacing: 3px;
	font-size: 2.5vw;
	font-weight: bold;
	color: #fff;
	text-align: left;
}
.top_reserved {
	letter-spacing: 2px;
	font-size: 1.8vw;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 2.3em;
}
.siteinline_sub {
	width: 100%;
	text-align: center;
}
.sitetop_bottom {
	width: 100%;
	text-align: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end;
    align-items: flex-end;
}



/*.box.gallery {
	-webkit-justify-content: space-between;
    justify-content: space-between;

	-webkit-align-items: flex-start;
    align-items: flex-start;

	-webkit-flex-direction: column;
	flex-direction: column;
}*/
.disp_db.gallery {
	padding: 50px 50px 0 50px;
}
.gallery_n_sub {
	width: 23%;
	padding: 20px 20px 20px 20px;
	text-align: center;
	display: inline-block;
}
.gallery_n_size {
	width: 100%;
}
/* panel */
.panel_a_photo {
    text-align: center;
    vertical-align: middle;
}
.panel_a {
   	height: auto;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}
.panel_a_photo_size_width {
	width: 100%;
}
.panel_title_font {
	color: #b55233;
	font-size: 1.2vw;
}
.panel_title_font:hover {
	color: #000; /*#fef4f4;*/
}
.comment_show {
	text-align: center;
}
.comment_str {
	color: #b55233;
}
.slide_topcontent {
  	position: relative;
  	/*margin: 0 auto;*/
  	padding: 0;
  	height: auto;
}
.sub_btn {
	margin-top: 50px;
	width: 300px;
}
.soldout_Width {
	width: 100px;
}







.box.information {
	-webkit-justify-content: space-between;
    justify-content: space-between;

	-webkit-align-items: flex-start;
    align-items: flex-start;

	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 20% 20% 0 20%;
}
.information_area {
	color:#fff;
	height:40vh;
	font-weight: bold;
	overflow:scroll;
}
#histable {
	width: 100%;
	overflow: hidden;
	border: none;
}
#histable_th {
  	padding: 6px 8px 6px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
#histable_td {
	padding: 6px 10px;
	text-align: left;
	vertical-align: top;
}
#histable_all_line {
	border-bottom: dotted 1px #fdc8c6;
}





.box.contact {
	-webkit-justify-content: space-between;
    justify-content: space-between;

	-webkit-align-items: flex-start;
    align-items: flex-start;

	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 50px 50px 0 50px;
}
.box_sub {
	color: #fff;
	font-size: 3.2vw;
	display: inline-block;
	width: 80%;
	padding: 10px 0 0 0;
	text-align: center;
}
.subtitle_a {
	color: #b55233;
}
.subtitle_a:hover {
	color: #000;
}
.c_icon_size {
	width: 8vw;
}






/* modal */
#modal_overlay{
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 130%;
	background-color: rgba(0,0,0,0.25);
}
#disp_modal {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	width: auto;
	height: auto;
	background: rgba(255,255,255,0.94);
	position: fixed;
	z-index: 999;
}
#modal_image_panel {
    width: 100%;
	height: 100%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}
#modal_image_w_size {
	width: 450px;
}
#modal_image_h_size {
	height: 450px;
}
#modal_image_close {
	position: absolute;
	margin-top: 10px;
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
}
#modal_image_close_size {
	width: 25px;
}
#modal_cost_panel {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	left: 10px;
	top: 200px;
	width: auto;
	height: auto;
	padding: 2px 5px 2px 5px;
	text-align: center;
}
#modal_cost_str {
	color: #FFF;
	font-size: 14px;
}

/*.modal_a_effect {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 1;
	line-height: 96px;
}
.modal_a_effect::before,
.modal_a_effect::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.modal_a_effect,
.modal_a_effect::before,
.modal_a_effect::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.modal_a_effect::after {
	top: 0px;
	left: 0px;
	width: 72px;
	height: 96px;
	border: 2px solid rgba(118,158,196,1);
	opacity: 0;
}
.modal_a_effect:hover::after {
	opacity: 1;
	z-index: 5;
}
*/




/* entry siteregi etc */
#entry_page_noborder {
    width: 80%;
    padding: 5px;
	margin-top: 80px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
#entry_main {
	background-image: url(images/B2.png);
	background-repeat: repeat;
	width: 100%;
    vertical-align: top;
	text-align: center;
	float: none;
}
.entable_ent {
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	border-collapse: collapse;
	word-wrap: break-word;
}
.entable_ent tr {
	border: 1px solid #CCC;
}
.entable_ent th {
  	padding: 6px 8px 5px;
	width: 30%;
	overflow: hidden;
	color: rgba(0,10,2,1);
	border-right: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	background-color: rgba(234,235,236,1);
}
.entable_ent td {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: middle;
	color: rgba(0,10,2,1);
	border-right: 1px solid #CCC;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
.entryLineInput {
    font-size: 14px;
	padding: 3px;
	color: #000000;
	border: solid 1px #C7C7CC;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
}
.entryTextarea {
	width: 100%;
    font-size: 14px;
	resize: none;
	height: 10em;
	padding: 3px;
	color: #000000;
	border: solid 1px #C7C7CC;
	border-radius: 3px;
}
#desc_left {
	text-align: left;
}
#entryImageTitle {
	text-align: center;
}
#entryImageTitle_width {
	width: auto;
}
#must {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-style: normal;
	font-size: 81.25%;
	color: #FFF;
	background-color: rgba(118,158,196,1);
	padding: 1px 3px;
	font-weight: normal;
}
#privacy_box {
	height: 100px;
	overflow: auto;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: left;
}
#privacy_box ol {
	padding-left: 2em;
}
#privacy_box ol li {
	list-style-type: decimal;
	list-style-position: outside;
}
#privacy_box ol li ul {
	border: none;
	margin: 0;
	padding: 0 1em;
}
#privacy_box ol li ul li {
	border: none;
	list-style-type: disc;
}
#entrySubmit_area {
    width: 100%;
    height: 80px;
 	text-align: center;
    vertical-align: middle;
}
#entrySubmitButton {
	width: 230px;
	color: rgba(84,82,81,1);
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 0;
	margin: 10px 0 5px 0;
	border: solid 1px #C7C7CC;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
input#entrySubmitButton:hover {
	background: -moz-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(234,235,236,0.5)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
}
#entryFlowButton {
 	border: none;
    width: 300px;
    height: 42px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}
#entryFlowButtonHalf {
 	border: none;
    width: 150px;
    height: 42px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}
#entrySubmitButtonHalf {
	width: 115px;
	color: rgba(84,82,81,1);
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 0;
	margin: 0px 0 5px 0;
	border: solid 1px #C7C7CC;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
input#entrySubmitButtonHalf:hover {
	background: -moz-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(234,235,236,0.5)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
}
#descEntryButton {
 	width: 200px;
 	color: rgba(84,82,81,1);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 12px 0 10px 0;
	border: solid 1px #C7C7CC;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
a#descEntryButton:hover {
	background: -moz-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(234,235,236,0.5)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
}
.readmoreButton {
 	width: 100px;
	font-size: 12px;
 	color: rgba(84,82,81,1);
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 6px 0 6px 0;
	border: solid 1px #C7C7CC;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
.readmoreButton:hover a {
	background: -moz-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(234,235,236,0.5)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(234,235,236,0.5), rgba(255,255,255,1));
}




































/* page common */
.space {
	clear: both;
}
.article_margin {
	margin-right: 5px;
	margin-left: 5px;
}
#top_page_noborder {
    width: 950px;
    padding: 0px;
	margin: 0px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
#top_image_size {
	width: 950px;
}
#top_image_area {
	width: 100%;
    vertical-align: top;
}
#article_left {
	width: 750px;
	padding-right: 90px;
    vertical-align: top;
	text-align: center;
    float: left;
}
#article_left_textleft {
	text-align: left;
}
#article_right {
	width: 200px;
    vertical-align: top;
    float: left;
}
#content_mail_image_size {
	width: 30px;
    vertical-align: middle;
}
#content_webbook_image_size {
	width: 30px;
    vertical-align: middle;
}
#content_link_image_size {
	width: 70px;
    vertical-align: middle;
}
#content_triangle_size {
	width: 24px;
    vertical-align: middle;
}
#content_sign_size {
	width: 70px;
    vertical-align: middle;
}
div#type_center {
	text-align: center;
}
span#type_left {
	float: left;
}
span#type_right {
	float: right;
}
.letter_space {
	letter-spacing: 1px;
}
.article_width50 {
	margin: 5px 10px;
	width: 50px;
}
.article_width100 {
	margin: 5px 10px;
	width: 100px;
}
.article_width150 {
	margin: 5px 10px;
	width: 150px;
}
.article_width250 {
	margin: 5px 10px;
	width: 250px;
}
.article_width200 {
	margin: 5px 10px;
	width: 200px;
}
.article_width300 {
	margin: 5px 10px;
	width: 300px;
}
.article_repos_width300_200 {
	margin: 5px 10px;
	width: 300px;
}
.article_width400 {
	margin: 5px 10px;
	width: 400px;
}
.article_width600 {
	margin: 5px 10px;
	width: 600px;
}
.entryTextarea_5 {
	width: 100%;
    font-size: 14px;
	resize: none;
	height: 8em;
	padding: 3px;
	border: solid 1px #C7C7CC;
	border-radius: 3px;
}
.entryTextarea_2 {
	width: 100%;
    font-size: 14px;
	resize: none;
	height: 3em;
	padding: 3px;
	border: solid 1px #C7C7CC;
	border-radius: 3px;
}
.blog_panel {
    width: 100%;
	padding: 10px;
	margin: 0;
    text-align: left;
    vertical-align: top;
    display: inline-block;
	position: relative;
	border:#ccc solid 1px;
}
#descEntry_area {
	width: 100%;
	text-align: center;
}
.rightImg {
	float: right;
}
.leftImg {
	float: left;
}
.panelText {
	font-size: 13px;
}
.entryArrList {
	font-size:14px;
	border :1px solid #ccc;
}
.entryArrImageAttrList {
	font-size:14px;
	border :1px solid #ccc;
}
.entryBlogType {
	font-size:14px;
	border :1px solid #ccc;
}




/* description */
#jobdescImg-area {
	width: auto;
	padding: 0 10px 0 0;
	text-align: center;
}
#desc-photoLine50p {
	width: 50%;
    vertical-align: top;
    text-align: center;
	float: center;
}
#desc-photoLine33p {
	width: 33.33%;
    vertical-align: top;
    text-align: center;
	float: center;
}
#desc-photoLine20p {
	width: 20%;
    vertical-align: top;
    text-align: center;
	float: center;
}
#desc-photoWidthInTable {
	width: 226px;
}

#top-box-noborder {
    width: 950px;
    padding: 5px;
    margin: 5px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
#top-subbox-noborder {
    width: 570px;
    padding: 5px 5px 5px 0;
    margin: 5px 5px 5px 0;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
#top-photobox-noborder {
    width: 320px;
    padding: 5px 0 5px 5px;
    margin: 5px 0 5px 5px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
#top-photo-size {
   	width: 320px;
}






/* catalog */
#catalogPhoto {
	text-align: center;
}
#catalogPhotoSize {
	width: 410px;
}
#catalogDescriptionSize {
    width: 410px;
    text-align: left;
    display: inline-block;
}
/**/




/* desc catalog */
#descDescriptionSize {
    width: 410px;
    text-align: center;
    display: inline-block;
}
.blogCenter {
	text-align: center;
}




/* decription blog */
.blog_page_noborder {
    width: 640px;
    padding: 0;
	margin: 0;
    text-align: left;
    vertical-align: top;
	letter-spacing: .15em;
	line-height: 24px;
    display: inline-block;
}
.blog_fill_noborder {
    width:55px;
	margin: 0px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}
.blog_right_noborder {
	/*overflow: auto;
	height: 1350px;*/
    width: 225px;
	margin: 0px;
    text-align: center;
    vertical-align: top;
	display: inline-block;
}
.blog_image_box {
	width: 100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
	/*
    box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
	*/
	box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
}
#rightNavigation {
	width: 100%;
	display: inline-block;
}
#rightNavigation li {
  	padding-top: 1px;
  	margin-bottom: 1px;
	letter-spacing: .1em;
	display: inline-block;
	/*float: left;*/
}
a#rightMenuButton {
 	width: 225px;
	padding: 13px 10px 10px 10px;
 	color: #595857; /*rgba(0,10,2,1); /*#ebf6f7; /*rgba(84,82,81,1);*/
	font-size: 12px;
	text-align: left;
	display: inline-block;
	text-decoration: none;
	border-top: dotted 1px #e0dccc;
	/*background: rgba(230,205,227,0.65); /*#c0a2c7; /*rgba(254,250,255,0.55);*/
	/*background: linear-gradient(to bottom, rgba(230,205,227,0.85) 0%, rgba(144,121,173,0.35) 100%);*/
	/*background: linear-gradient(to bottom, rgba(234,237,247,1) 0%, rgba(234,237,247,0.5) 100%);*/
	background: linear-gradient(to bottom, rgba(165,154,202,0.28) 0%, rgba(165,154,202,0.22) 100%);
}
a#rightMenuButton:hover {
	color: rgba(0,10,2,1);
    border-color: rgba(93,80,153,1); /*#717FE7;*/
    /*background-color: rgba(255,255,255,0.95);  /*#F4F5FF;*/
	/*background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.45) 100%);*/
	/*background: rgba(255,255,255,0.95);  /*#F4F5FF;*/
	background: linear-gradient(to bottom, rgba(230,205,227,0.85) 0%, rgba(230,205,227,0.45) 100%);
}
#rightMenuHeader {
 	width: 225px;
 	color: rgba(0,10,2,1); /*#ebf6f7; /*rgba(93,80,153,1);*/
	font-size: 12px;
	text-align: left;
	display: inline-block;
	text-decoration: none;
	padding: 12px 0 10px 10px;
	/*border-top: dotted 1px #e0dccc;*/
	border-left: solid 3px rgba(93,80,153,1);
	/*background: rgba(254,250,255,0.92);*/
}





/* blog change */
#blog_name {
	font-size: 16px;
}
.blogListtable {
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	border: 1px solid #CCC;
}
.blogListtable th {
	margin: 0;
  	padding: 6px 8px 5px;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	color: rgba(0,10,2,1);
	background-color: #CCC;
	border-top: 1px solid #CCC;
}
.blogListtable tr {
	border-top: 1px solid #CCC;
}
.blogListtable td {
	padding: 10px;
	vertical-align: middle;
}
#blogList_left_width {
	width: 288x;
	vertical-align: top
}
#blogList_right_width {
	width: 660px;
}
#blog_div {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
}
#blog_div_center {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
#blogList_half {
	width: 50%;
    display: inline-block;
}
#linkBtn {
 	width: auto;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px 2px 5px;
	border: solid 1px #CCC;
	border-radius: 4px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
a#linkBtn:hover {
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -ms-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
}
#desc_photoWidthInTable {
	width: 200px;
	margin: 0px 0px 10px 0px
}








.entable {
	width: 100%;
	overflow: hidden;
	/*border-bottom: 1px solid #CCC;*/
	word-break: break-all;
	border-collapse: collapse;
	word-wrap: break-word;
}
.entable tr {
	border-bottom: 1px solid #CCC;
}
.entable th {
  	padding: 6px 8px 5px;
	width: 30%;
	overflow: hidden;
	color: rgba(0,10,2,1);
	font-weight: bold;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	background-color: rgba(234,235,236,1);
}
.entable td {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: middle;
	color: rgba(0,10,2,1);
	/*border-right: 1px solid #CCC;*/
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}






/* icon area */
#iconArea {
	margin: 10px;
	display: inline-block;
}






/* jobregi debug button */
#jobRegiButton {
 	width: 300px;
 	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 12px 0 8px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,42,104,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
}
a#jobRegiButton:hover {
 	background: -moz-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,94,58,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
}
#jobregiSubmitButton {
	width: 230px;
	color: #ffffff;
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 4px 0;
	margin: 10px 0 5px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,42,104,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
}
input#jobregiSubmitButton:hover {
	background: -moz-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,94,58,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
}
#jobregiSubmitButtonHalf {
	width: 115px;
	color: #ffffff;
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 4px 0;
	margin: 0px 0 5px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,42,104,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,42,104,1), rgba(255,42,104,1));
}
input#jobregiSubmitButtonHalf:hover {
	background: -moz-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,94,58,1)), to(rgba(255,42,104,1)));
	background: -ms-linear-gradient(rgba(255,94,58,1), rgba(255,42,104,1));
}





/* panel recommend */
#panel_recommend_comment {
    width: 180px;
    height: 100%;
	text-align: left;
    margin: 8px;
}
#panel_recommend {
	border-radius: 5px;        		/* CSS3草案 */
    -webkit-border-radius: 5px;		/* Safari,Google Chrome用 */
    -moz-border-radius: 5px;  		/* Opera */
    width: 200px;
 	border: 1px solid #fdc8c6;
    padding: 8px 6px 8px 6px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}
img.panel_recommend_photo {
	width: 180px;
}







/* panel bloglist */
#panel_bloglist {
	border-radius: 5px;        		/* CSS3草案 */
    -webkit-border-radius: 5px;		/* Safari,Google Chrome用 */
    -moz-border-radius: 5px;  		/* Opera */
    width: 200px;
 	border: 1px solid #fdc8c6;
    padding: 8px 5px 5px 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    display: inline-block;
}






/* etc */
.space {
	clear: both;
}

.table-space {
	width: 20px;
}

#jotable {
	width: 100%;
	overflow: hidden;
	border: 1px solid #d6ceb4;
	word-break: break-all;
	word-wrap: break-word;
}
#jotable_th {
	width: 25%;
	padding: 6px 8px 5px;
 	border-top: solid 1px #ffffff;
	overflow: hidden;
	color: #13131e;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	background-color: #eeece4;
}
#jotable_td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}


.entable {
	width: 950px;
	overflow: hidden;
	border: 1px solid #d6ceb4;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 12px;
}
	.entable th {
	  	padding: 6px 8px 5px;
 		border-top: solid 1px #f5f5f5;
		width: 30%;
		overflow: hidden;
		color: #13131e;
		text-align: center;
		word-break: break-all;
		word-wrap: break-word;
		vertical-align: middle;
		background-color: #eeece4;
	}
	.entable td {
		padding: 5px 10px;
		text-align: left;
		vertical-align: middle;
		color: #595960;
		background-color: #f0f0f0;
		border-top: dotted 1px #e0dccc;
		overflow: hidden;
		word-break: break-all;
		word-wrap: break-word;
	}

#jpc-table {
	width: 100%;
	overflow: hidden;
	/*border: 1px solid #d6ceb4;*/
	word-break: break-all;
	word-wrap: break-word;
}
#jpc-table-th {
  	padding: 1px 2px 1px;
	/*border-top: solid 1px #ffffff;*/
	width: 30%;
	overflow: hidden;
	color: #13131e;
	/*font-weight: bold;*/
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	background-color: #eeece4;
}
#jpc-table-td {
  	padding: 1px 2px 1px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	/*border-top: dotted 1px #e0dccc;*/
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

#desc_left {
	text-align: left;
}





/* font size */
.headText {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	color:#464646;
	line-height:20px;
}

.bodyText {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	color:#464646;
	line-height:20px;
}

.panelText {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	color:#464646;
	line-height:20px;
}

.footerSubPanelText {
	font-size: 12px;
	color:#990033;
	line-height:20px;
}
.panelText_s {
	font-size: 11px;
	color:#464646;
	line-height:20px;
}

.panelText_title {
	font-size: 12px;
	color:#464646;
	line-height:20px;
	overflow: hidden;
	width: 100%;
   	text-overflow: ellipsis;
   	white-space: nowrap;
}

.pageName{
	font-size: 18px;
	color: #990033;
	line-height: 20px;
	letter-spacing: 0;
}

.pageName-s{
	font-size: 16px;
	color: #990033;
	line-height: 20px;
	letter-spacing: 0;
}

/* top page control navigation */
/* entry button */
#entryButton {
 	width: 180px;
 	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 12px 0 8px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(0,122,255,1)), to(rgba(0,122,255,1)));
	background: -ms-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
}
a#entryButton:hover {
	background: -moz-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(26,214,253,1)), to(rgba(29,98,240,1)));
	background: -ms-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
}

/* search button */
#searchButton {
	width: 100%;
	color: #ffffff;
	border-style: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 8px 0 4px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(0,122,255,1)), to(rgba(0,122,255,1)));
	background: -ms-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
}
input#searchButton:hover {
	background: -moz-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(26,214,253,1)), to(rgba(29,98,240,1)));
	background: -ms-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
}

/* search keyword and Input button */
#keywordInput {
    font-size: 12px;
	border: 0;
	padding: 5px;
	color: #000000;
	border: solid 1px #990033;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
}
#searchKeywordButton {
	width: 40px;
	color: #ffffff;
	border-style: none;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 4px 0 4px 0;
	border-radius: 5px;
	background:-moz-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(0,122,255,1)), to(rgba(0,122,255,1)));
	background: -ms-linear-gradient(rgba(0,122,255,1), rgba(0,122,255,1));
}
input#searchKeywordButton:hover {
 	background: -moz-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(26,214,253,1)), to(rgba(29,98,240,1)));
	background: -ms-linear-gradient(rgba(26,214,253,1), rgba(29,98,240,1));
}

/* entry button for description */
#descEntry-area {
	width: 100%;
	text-align: center;
}