@charset "utf-8";

html,body{
	height: 100%;
}

body {
	background-color: #ffffff;
	text-align: center;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #000000;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
  
/* Firefox 3用 */

body,x:-moz-broken {
	margin-left:-1px;
}

.wrapper {
	margin: 0 auto;
	text-align: left;
	width:950px;
}

/* a { color: #3F312B; padding: 0.2em; text-decoration: none;} */
/* a { color: #3F312B; padding: 0em; text-decoration: none;} */
/* a { color: #000000; padding: 0em; text-decoration: none;} */
a { color: #000000; padding: 0em; text-decoration: none; border-bottom: 0.1px dashed #a2a5a1;}

/*a:hover { color: #000000; text-decoration: underline;} */
a:hover { color: #4c9ed9; text-decoration: none; border-bottom: 0.1px dashed #4c9ed9;}

.nob {text-decoration:none; border-bottom:none;}
.nob:hover {text-decoration:none; border-bottom:none;}

p {font: 10pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


/* .caption {font: 8.5pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} */
/* .small {font: 8pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} */

/* .caption a{color: #3F312B; background-color: #FFFF00;padding: 0.2em; text-decoration: none;} */
/* .caption a{color: #3F312B; padding: 0.2em; text-decoration: none;} */

/* .caption a:hover{text-decoration: underline;} */


/* HEAD
---------------------------------------------------------------------------------------- */
#head {
  	width: 100%;
	background-color: #5B8C1F;
}

#head_bar{
	/* width: 950px; */
	/* width: 1200px; */
	width: 100%;
	height: 32px;
	margin: 0 auto;
}

#bar_text_L {
/*
	font: 10pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	width:450px;
	padding-top: 0.5em;
	padding-left: 1em;
*/
	font: 9pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	width:250px;
	padding-top: 0.5em;
	margin-left: 5px;
}

#bar_text_R {
/*
	font: 10pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	width:600px;
	text-align: left;
	padding-top: 0.45em;
	padding-right: 0;
*/
	font: 10pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
	width:100%;
	text-align: right;
	padding-top: 0.5em;
	margin-right: 10px;
}

#bar_text_R a {
	/* background-color: #FFFF00; */
	/* color: #3F312B; */
	color: #FFFFFF;
	padding: 0.15em;
	text-decoration: none;
}

#bar_text_R a:hover {
	/* color: #3F312B; */
	color: #FFFFFF;
	text-decoration: underline;
}

#logo{
	margin-bottom:5.5em;
	width: 950px;
	margin: 0 auto;	
}

#hImg {
	margin-bottom:10px;
	background-image: url(/common/bkImg.jpg);
	width: 100%;
	height: 300px;
	border-bottom: 7px solid #3F312B;
}

#hImg2 {
	margin-bottom:10px;
	background-image: url(/common/bkImg.jpg);
	width: 100%;
	height: 100px;
	border-bottom: 7px solid #3F312B;
}


/* FLOAT
----------------------------------------------------- */
.left { float: left;}
.right { float: right;}


/*  BREADCRUMS
----------------------------------------------------- */
#pl{
	width: 400px;
	height: 30px;
	text-align: left;
	font-size: 8pt;
}

#crumbs{
	list-style: none;
}

#crumbs li{
	display: block;
  	float: left;
	color: #000000;
}

#crumbs li a {
	/* background: url(/common/crumbs.gif) no-repeat right center; */
	padding-right: 20px;
}

#crumbs li a:hover {
	text-decoration: underline;
}


/*  MYNAME
----------------------------------------------------- */
#name{
	width: 500px;
	height: 30px;
	text-align: right;
	font-size: 8pt;
}

#myname{
	list-style: none;
}

#myname li{
	display: block;
	float: right;
	padding-right: 1em;
}

#myname li a {
	color: #000000;
}

#myname li a:hover {
	text-decoration: underline;
	/* background-color: #FFFF00; */
}

.first {
	border-right: 1px solid #CCCCCC;
	margin-left: 0.5em;
  	margin-right: 0.5em;
}

.notlast {
	border-right: 1px solid #CCCCCC;
	margin-left: 0.5em;
  	margin-right: 0.5em;
}


/*  MYLIST
----------------------------------------------------- */
#pro_name{
	width: 190px;
	text-align: left;
	font-size: 11pt;
	/* font-weight: bold; */
	/* background-color: #FFFF00; */
	background-color: #F8B862;
	margin-bottom: 10px;
	padding: 0.2em;
}

#pro_pic {
	width: 190px;
	height: 120px;
	padding: 0.25em;
	background-color: #CBB994;
}

#pro_mark {
	width: 80px;
	padding: 0.25em;
}

/*
.pro_mine {
	background : url(/common/000.png) no-repeat;
}

.pro_others {
	background : url(/common/000.png) no-repeat;
}
*/

/*  NAVIGATION
----------------------------------------------------- */
#navi {
  	width: 100%;
	height: 32px;
	background-color: #EBE8DB;
	text-align: left;
}

#naviblock {
	width: 950px;
	margin: 0 auto;
}

#navimenu{
	list-style: none;
}

#navimenu li{
	display: block;
	float: left;
	color: #3F312B;
	padding-top: 0.5em;
	font-size: 11pt;
}

#navimenu li a {
	padding-right: 26px;
}

#navimenu li a:hover {
	text-decoration: underline;
}

/*  EDITMENU
----------------------------------------------------- */
#edit {
  	width: 100%;
	height: 32px;
	background-color: #F5E9B9;
	/* 	background-color: #F5E9B9; 本番*/
	/* 	background-color: #ff55ff; 開発1*/
	/* 	background-color: #55ffe7; 開発2*/
	text-align: left;
}

#editblock {
	width: 950px;
	margin: 0 auto;
}

#editmenu {
	list-style: none;
}

#editmenu li {
	display: block;
	float: left;
	color: #3F312B;
	font-size: 11.5pt;
	background: url(/common/wng.png) no-repeat 1px 10px;
	padding-top: 0.4em;
	padding-left: 18px;
}

#editmenu li a {
	padding-right: 18px;
}

#editmenu li a:hover {
	text-decoration: underline;
}

/* linklist
----------------------------------------------------- */
.linklist {
	padding: 1em;
}

.linklist dt,
.linklist dd {
}

.linklist dt{
	width: 200px;
	clear: both;
	color:#F08300;
	padding:0px 10px 5px 26px;
	font-weight: bold;
}

.linklist dd {
	color:#000000B;
	margin: -2em 0 8px 0;
	padding-left: 230px;
	line-height: 200%;
}

.linklist dd span {
	display: block;
	padding: 0 0 0 20px;
}

.linklist dd span a {
	color: #000000;
	text-decoration: udnerline;
	padding: 0.1em;
}

/* property
----------------------------------------------------- */
#property {
	width: 100%;
	height: 30px;
	border: 1px dotted #CBB994;
	margin-bottom: 1em;
}

#propertyL {
	width: 500px;
	display:block;
	float:left;
	text-align:left;
	padding:0.5em;
	font-size: 9pt;
}

#propertyR {
	width: 220px;
	display:block;
	float:right;
	text-align:right;
	padding:0.5em;
	font-size: 9pt;
}

#propertyR a {
	background-color: #FFFF00;
	color: #3F312B;
}

#propertyR a:hover {
	text-decoration: underline;
}

/* PAGE TITLE
----------------------------------------------------- */
#pagetitle {
	width: 100%;
	/* font-weight:bold; */
	color:#3F312B;
    background: url(../images/midashi_i.gif) no-repeat left;
	border: 1px solid #3F312B;
	height: 30px;
	margin: 20px 0;
}

#pagetitleL {
	width: 100%;
	display:block;
	float:left;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14pt;
	text-align: left;
	padding:0.1em 0 0.15em 0.75em;
}

#pagetitleR {
	width: 180px;
	display: block;
	float:right;
	text-align:right;
	padding:0.5em;
	font-size: 9pt;
}


/* #CONTAINER
---------------------------------------------------------------------------------------- */
#container{
	background-color: #FFFFFF;
}

/* #CONTENTS
---------------------------------------------------------------------------------------- */
#contents{
	padding-top: 0px;
}


/* TOPPAGE
----------------------------------------------------- */
.newsDl {
	padding: 1em;
	height: 430px;
}

.newsDl dt,
.newsDl dd {
	line-height: 1.5;
}

.newsDl dt{
	clear: both;
	color:#3F312B;
	padding:5px 10px 5px 26px;
	font-weight: bold;
}

.newsDl dd {
	color:#3F312B;
	margin: -2em 0 8px 0;
	padding: 2px 0 8px 9em;
	border-bottom: dotted 1px #3F312B;
	line-height: 1.35em;
}

.newsDl dd span {
	display: block;
	padding: 0 0 0 20px;
}

.newsDl dd span a {
	color: #3F312B;
	text-decoration: none;
	background-color: #FFFF00;
	padding: 0.1em;
}

.newsDl dd span a:hover {
	text-decoration: underline;
}

.boxborder {
	border: 1px solid #3F312B;
	position: relative;
}

.new{
	background: url(/common/new_i.gif) no-repeat left;
}

/* H[x]
----------------------------------------------------- */
h1 {
	font-size:77%;
	color:#000;
}

h2 {
	padding:8px 5px 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#3F312B;
}

h3 {
	padding:7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#7b7246;
}

/* TABLE
----------------------------------------------------- */
table {
}

td {
	word-break: break-all
}

.table01 {
	margin-bottom:15px;
}

.table01 tr, .table01 td {
	border-bottom: 1px dotted #000000;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
}

.table01 th {
	background:url(../images/black_icon.gif) no-repeat 0 15px;
	width: 100%;
	font-weight: bold;
}

.table02 {
	border-collapse: separate;
	border: 1px solid #968026;
}

.table02 td {
	padding: 5px 10px;
	vertical-align: middle;
	line-height: 2em;
	font: 10pt normal "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top: 0.5px solid #968026;
	position: relative;
}

.table03 {
	border: none;
	margin-bottom: 10px;
}

.table03 td {
	border-bottom:0.5px dotted #CBB994;
	line-height:0.9em;
	padding: 10px 10px;
	vertical-align: middle;
	font: 10pt normal "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.table dl{
}

.table dt{
	width: 20px;
}

.table dd{
	margin-left: 24px;
}

.cellbrown {
	background-color: #F2EFE0;
}

.cellorange {
	background-color: #F5E9B9;
}

.cellcream {
	background-color: #F2EFE0;
}


.cellmidashi {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	font-weight: 500;
	/* background: url(/common/wng.png) no-repeat left 0.3em; */
	padding-left: 2px;
}

.cellsubmidashi {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	font-weight: normal;
	padding-left: 0.5em;
}

.listline {
	border-bottom:1px dotted #CBB994;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.caution {
	font-weight: bold;
}

.caution a {
	color: #F08300;
}

.caution a:hover {
	text-decoration: underline;
}

.more {
	display: block;
	float: right;
	width: 120px;
	text-align: right;
	font: 8pt normal  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 0.5em;
}

.more a {
	/* background-color: #FFFF00; */
	background-color: #F8B862;
	color: #3F312B;
}

.more a:hover {
	text-decoration: underline;
}


/* BOX
----------------------------------------------------- */
.box310{ width:310px;}

.box600{ width:600px;}

/* .box760{ width:760px; min-height: 500px; padding-top: 10px; padding-left: 20px; border-left: 1px solid #F2EFE0;} */
.box760{ width:760px; min-height: 500px; padding-top: 10px; padding-left: 10px;}

.box950{ float:left; width:950px; margin-bottom:15px;}


/* SECTION
----------------------------------------------------- */
.section { margin: 0 0 15px;}


/* SIDEBOX
----------------------------------------------------- */
.sidebox {
	border: 1px solid #3F312B;
	padding: 0 0.5em 0.2em 0.5em;
	height: 453px;
}

/* SIDENENU
----------------------------------------------------- */
#sideblock {
	float: left;
	width: 175px;
	height: 100%;
	margin-bottom: 5px;
 	padding-top: 10px;
	background-color:#FFFFFF;
}

.sidetitle {
	color: #3F312B;
	background-color: #F5E9B9;
	padding: 7px 0px 7px 7px;
	font-size: 9pt;
	border: 0.5px solid #968026;
}

.sideindex {
	font-size: 10pt;
	color: #3F312B;
	padding: 5px 0px 5px 10px;
	background-color: #F5E9B9;
	border: 0.5px solid #968026;
	margin-top: -1px;
	line-height: 2em;

}

.side{
}

.side ul {
	color: #000000;
	list-style-type: none;
}

.side li {
	/* font: normal 9pt sans-serif; */
	/* border-bottom: 1px dotted #F2EFE0; */
	border: 0.5px solid #968026;
	border-top: none;
	border-collapse:collapse;
	line-height: 2em;
	color: #000000;
	/* background: url(/common/wng.png) no-repeat 0.25em; */
	padding: 6px 0px 6px 24px;
}

.side ul a {
	color:#000000;
	text-decoration: none;
}
.side li a {
	color:#000000;
	text-decoration: none;
}

.side li a:hover {
	color: #000000;
	/* background-color: #FFFF00; */
	/* text-decoration: underline; */
}

.side .select {
	color: #000000;
	background-color: #EDC2C2;
}


/* MARGIN
---------------------------------------------------------------------------------------- */
.marT4{ margin-top:4px;}
.marT10{ margin-top:10px;}
.marT20{ margin-top:20px;}
.marT30{ margin-top:30px;}
.marB8{ margin-bottom: 8px;}
.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marR10{ margin-right: 10px;}
.marL10{ margin-left: 10px;}

/* PADDING
---------------------------------------------------------------------------------------- */
.padL24{ padding-left: 24px;}
.padL16{ padding-left: 16px;}
.padL10{ padding-left: 10px;}
.padL8{ padding-left: 8px;}
.padL4{ padding-left: 4px;}
.padR24{ padding-right: 24px;}
.padR16{ padding-right: 16px;}
.padR8{ padding-right: 8px;}
.padR4{ padding-right: 4px;}
.padT2{ padding-top: 2px;}
.padT4{ padding-top: 4px;}

/* FONT
---------------------------------------------------------------------------------------- */

.fontS{ font-size:77%;}
.textL{ text-align:left;}
.textR{ text-align:right;}
.textC{ text-align:center;}


/* FORM1
---------------------------------------------------------------------------------------- */
.textL, textareaL {
    border:3px solid #DCD3B2;
    padding: 0.5em;
    color: #333;
	background-color: #FFFFFF;
    border-radius: 5px;
	_height: 32px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
    -webkit-border-radius: 5px;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
    -moz-border-radius: 5px;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}



/* TOOLTIP(SAVE)
---------------------------------------------------------------------------------------- */
.tooltip {
	position: relative;
	background: #EAEAEA;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	color: #000000;
	outline: none;
}
 
.tooltip span {
 	visibility: hidden;
 	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 999;
	width: 230px;
	margin-left: -127px;
	padding: 10px;
	border: 2px solid #DCD3B2;
	opacity: .9;
	background-color: #FFFF00;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
 	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
 
.tooltip:hover {
  	border: 0; /* IE6 fix */
}
 
.tooltip:hover span {
  	visibility: visible;
}
 
.tooltip span:before,
.tooltip span:after {
  	content: "";
  	position: absolute;
  	z-index: 1000;
  	bottom: -7px;
  	left: 50%;
  	margin-left: -8px;
  	border-top: 8px solid #DDDDDD;
  	border-left: 8px solid transparent;
  	border-right: 8px solid transparent;
  	border-bottom: 0;
}
 
.tooltip span:before {
  	border-top-color: #CCCCCC;
  	bottom: -8px;
}


/* FORM INSIDE
---------------------------------------------------------------------------------------- */
#form2{
	margin:1em 0;
	padding-top:0.5em;
	width: 500px;
}

#form2 fieldset {
	margin:0;
	padding-top:.5em;
	border:none;
}		
	
#form2 legend {
	background:#fff;
	padding:0 5px;
	font-style:italic;
}
	
#form2 p {
	clear:both;
	margin: 0.5em 0em;
	overflow:hidden;
}

#form2 label {
	float: left;
	width:100px;
	display:block;
	text-align:left;
	margin-right:10px;
	padding-top: 0.2em;
}
 
.text, textarea, .dropdown {
	clear:both;
    border:1px solid #8A8988;	
    padding: 3.5px;
    /* color: #3F312B; */
    background: #FFFFFF;
    /* border-radius: 5px; */
    
}
	
.checkbox {
}

.mod_formbtn{
}

.mod_formbtn ul{
	letter-spacing:-0.4em;
}

.mod_formbtn ul li{
	letter-spacing:normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 15px 0 15px;
}


/* FAQ
---------------------------------------------------------------------------------------- */
.faq{
	margin-top: 20px;
	border: 1px solid #F2EFE0;
	padding: 5px;
}

.faq dl {
	line-height: 1.5em;
}

.faq dt {  
    width: 18px;  
    float: left;  
    clear: both;
	margin-top: 0.3em;
}
 
.faq dd {  
	text-align: left;
	font: 10pt normal "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left:20px;
	margin-top: 0.3em;
}  

.faqgrid{
	border-bottom: 1px dotted #F6AD49;
	margin-bottom: 0.75em;
	margin-top: 0.25em;
}

/* KIYAKU
---------------------------------------------------------------------------------------- */
.kiyaku {
	width: 100%;
}

.kikaku_index {
	font-size: 10.5pt;
	font-weight: bold;
}

.kiyaku ul {
	padding-left: 46px;
}

.kiyaku li {
	line-height: 160%;
	list-style-type:disc;
}


/* PROPERTY
---------------------------------------------------------------------------------------- */
.pro a{
	color: #3F312B;
}

.pro a:hover{
	background-color: #FFFF00;
	color: #000000;
	text-decoration: underline;
}


/* #FOOTER
---------------------------------------------------------------------------------------- */

#footer {
	background:url(/common/footer_bg.gif) repeat-x left top;
	height:122px;
	padding: 26px 0 0;
}

#footerbox{
	margin: 0 auto;
	width:950px;
}

#footerNavi {
	padding: 2px 0 0 0;
	font-size: 10pt;
}

#footerNavi p {
	margin-bottom: 0;
	text-align:　center;
}

#footerNavi a {
	text-decoration:none;
	color: #000000;
	background: none;
}

#footerNavi a:hover {
	text-decoration: underline;
}

address {
	text-align: center;
	color: #000000;
	text-decoration:none;
	padding-top: 0.5em;
	font-size: 8.5pt;
}


/* JUDGE COLOR
---------------------------------------------------------------------------------------- */

.error {
	background-color: #F9C89B;
}

.conform {
	background-color: #C1E4E9;
}

.blank {
	background-color: #FEF263;
}

/* JUDGE ICON
---------------------------------------------------------------------------------------- */

.error_i {
	background: url(/common/ng.png) no-repeat left;
}

.conform_i{
	background: url(/common/ok.png) no-repeat left;
}

.blank_i {
	background: url(/common/wng.png) no-repeat left; 
}

/* CLEARFIX
---------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;
}

.clear {
    clear: both; 
}

/* COLOR
---------------------------------------------------------------------------------------- */
.red{color:#FF0000;}
.orange{color:#F08300;}
.brown{color:#3F312B;}
.yellow{color:#FFFF00;}
.lightbrown{color:#F2EFE0;}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/


/* STYLE
---------------------------------------------------------------------------------------- */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p,
blockquote,
th, td {
	margin: 0;
	padding: 0px;
}
  
html {
	overflow-y: scroll;
}
  
ol, ul {
	list-style: none;
}
  
fieldset, img {
	border: 0px;
}

img {
	/* vertical-align: bottom; */
	vertical-align: middle;
}
  
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
  
caption, th {
	text-align: left;
}
  
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
  
input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	/* font-weight:inherit; */
	vertical-align:middle;
	overflow:hidden;
	/* border: 1px solid #8A8988; */
}

/*
input,
textarea {
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
*/

input,
textarea {
    padding-left: 3.5px;
}

textarea {
	font-size: 100%;
}


.customSelect {
	clear:both;
white-space: nowrap;
    border:1px solid #DCD3B2;
    padding: 5px;
    color: #3F312B;
    background: #fff;
    border-radius: 5px;
	_height: 32px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#ddd)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #FFFFFF;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #fff,
        #ddd
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;

overflow:hidden; /* SELECTからはみ出す文字の制御 */
vertical-align:middle; /* 上記を設定すると下部に空白ができてしまう件の対応 */

}

#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#file_modal {
	width: 600px;
	padding: 30px; 
	display:none;
	background: #FFF;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#test p { color: #666; text-shadow: none; }

.btn {
	font: 10pt "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: -moz-linear-gradient(top,rgb(235, 232, 219) 0%,rgb(215, 212, 199));
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid rgb(215, 212, 199);
	/* border: 1px solid #DDD; */
	color:#111;
	padding: 0 5px 0 5px;
	margin-left: 6px;
	height: 32px;
	line-height: 32px;
	border-radius:5px;
}

.btn:hover {
	background: -moz-linear-gradient(top,#FFAAAA 0%,#DD9999);
}

/* -----------　角丸ボックス ------------------------ */

#marubox {
    margin: 0 auto; /* center for now */
    background: url(../images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
#marubox .boxhead {
    background: url(../images/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
#marubox .boxhead .h {
    background: url(../images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
#marubox .boxbody {
    background: url(../images/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}
#marubox .boxbody p {
    margin:0; padding:10px 0 5px 0;
}

.button
{
	position: relative;
	display: inline-block;
	margin-top: 0.5em;
	padding: 0.50em 1.5em;
	background: #e95d3c;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #FFF;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	cursor: pointer;
}

.line {
	border-left: 10px solid #3F312B;
	border-bottom: 1px dashed #3F312B;
	padding-left: 10px;
}

/* NEW KITA-SMILE 2016 */

.headtitle {
	float:left;
	line-height:30px;
	vertical-align:middle;
	color:#000000;
	margin:3px 0;
}

.headmenu {
	float:right;
	line-height:30px;
	vertical-align:middle;
	color:#000000;
	margin:3px 0;
}

.topmenu {
	border: 0.5px solid #968026;
	width:105px;
	height:1.3em;
	line-height:1.3em;
	background-color:white;
	color:black;
	font-size:1.0em;
	font-weight:500;
	vertical-align:middle;
	text-align:center;
	margin:3px 0;
}

.submit-button {
	text-align:center;
	background-color:rgb(194, 201, 237);
	/* border: 0.5px solid #968026; */
	width:715px;
	height:1.3em;
	line-height:1.3em;
	margin:-10px 0 20px 0;
	color:#000000;
	font-size:1.0em;
	font-weight:500;
	vertical-align:middle;
}

.jdg_wng {
	background: url('/common/wng.png') no-repeat 0.25em;
}
.jdg_ok {
	background: url('/common/ok.png') no-repeat 0.25em;
}
.jdg_ng {
	background: url('/common/ng.png') no-repeat 0.25em;
}
.jdg_emp {
	background: url('/common/emp.png') no-repeat 0.25em;
}

.file {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 0 5px;
    /* border: 1px solid #dd0000; */
    background: #968026;
    color:#fff;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1.9em;
}

.file:hover {
	cursor: pointer;
}

.file input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
}

.mypage_button {
	border: 0.5px solid #968026;
	width:120px;
	height:1.3em;
	line-height:1.3em;
	color:black;
	font-size:1.0em;
	font-weight:500;
	vertical-align:middle;
	text-align:center;
	margin:20px 8px 20px 0;
	background-color:#ffffff;
}

.mypage_button:hover, .topmenu:hover, .submit-button:hover {
	background-color:#ecacec;
}

.mypage_button a, .topmenu a {
	text-decoration: none;
	border-bottom: none;
}

.mypage_button a:hover, .topmenu a:hover {
	color: #000000;
}

.mypage_low {
	margin:5px 8px 5px 0;
}

.lightpink {
	background-color:#edc2c2;
}

.lightblue {
	background-color:#c2c9ed;
}

.lightgray {
	background-color:#edeaea;
}

.topics_list {
	height: 4em;
	padding:7px 7px;
	border-bottom: 0.5px dotted #3f312b;
}

.topics_list td {
	padding:7px;
	vertical-align:top;
}

td.smilelist_title {
	padding:1px 0 1px 10px;
	font-size:1.5em;
	text-align:left;
	background-color:#f5e9b9;
	line-height:1.5em;
	height:1.5em;
	vertical-align:middle;
}

div.smilelist_sheet {
	border: medium none;
	color: rgb(63, 49, 43);
	background-color: white;
	vertical-align: middle;
	font-size: 0.6em;
	height: 0.8em;
	line-height: 0.8em;
	margin: 0px 0px 0px 30px;
}

td.smilelist_photo {
	text-align:left;
	vertical-align:top;
	padding:13px 5px 0 0;
	width:210px;
}

td.smilelist_photo img {
	width:200px;
	height:150px;
}

td.smilelist_text {
	vertical-align:top;
	padding:10px 0;
}

table.smilelist_detail tr {
	border-bottom: 1px solid white;
	width:100%;
}

table.smilelist_detail td.head {
	background-color: rgb(229, 233, 224);
	padding: 1px 10px 1px 5px;
	width:130px;
} 

table.smilelist_detail td.detail {
	padding: 1px 30px 1px 10px;
}




table.member_article_list {
	border: 0.5px solid #968026;
	margin:10px 0;
	width:100%;
}

table.member_article_list td {
	border-bottom: 0.5px dotted #968026;
}

table.member_article_list tr {
	/* border-bottom: 1px solid white; */
	width:100%;
}

table.member_article_list td.title {
	background-color:#F9E5C9;
	padding: 1px 30px 1px 10px;
	width:300px;
}

table.member_article_list td.head {
	background-color: #F2EFE0;
	padding: 1px 10px 1px 5px;
	width:120px;
	/* border-right: 1px solid white; */	
} 

table.member_article_list td.detail {
	/* padding: 2px 30px 2px 10px; */
	padding: 2px 10px 2px 10px;
}

div.large_title {
	border-left: 10px solid #E9BBA7;
	padding-left: 10px;
	font-size: 1.2em;
	line-height: 1.8em;
	background-color: #f9e5c9;
}

table.spread {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 20px 0;
}

table.spread tr {
	height: 25px;
}

table.spread td  {
	border: 1px solid #DEDBCF;
	padding: 0 5px 0 5px;
	height: 60px;
}

table.spread td.caption{
	width: 150px;
	background-color: #F2EFE0;
}

table.spread td.attr{
	width: 208px;
}

table.spread td.captionred{
	width: 190px;
	background-color: rgb(255, 220, 233);
}

table.spread td.center_caption{
	text-align: center;
	background-color: #F6F3E9;
}

img.req {
	margin-left:10px;
	vertical-align:middle;
}