@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,inherit;
	vertical-align: baseline;
}

/*
a:hover { color:#ff0000;  background-color:#ffcc33; }
a:active { background-color:#e5f6ff; text-decoration:none; }
a:link { text-decoration:none; }
*/
a:link { text-decoration:none; }
a:hover { color:#ff0000; }
a:active { color:#0000ff; }
a:visited { text-decoration:none; } 

.input_max_width {
	 width:100%;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}

/* グローバルナビ（グローバルメニュー） */
.full_height_menu {
	float:left;
	position:fixed;
	height:100%;
	min-height:100%;
	background-color: #0060af;
}
.menu_corp {
	color: #0060af;
	background-color: #ffffff;
	border-width: 0px 0px 1px 0px;
	padding: 15px 0px 0px 20px;
	width: 162px;
	height: 30px;
}
.menu_title {
	color: #ffffff;
	background-color: #00447c;
	margin: 1px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 15px 0px 0px 20px;
	border-color: #666666;
	/*text-shadow: 4px 4px 3px #999;*/
	width: 160px;
	height: 30px;
	font-size:small;
	font-weight: bolder;
}
.menu {
	color: #ffffff;
	background-color: #0060af;
	margin: 1px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 15px 0px 0px 20px;
	border-color: #999999;
	/*text-shadow: 4px 4px 3px #999;*/
	width: 160px;
	height: 30px;
	font-size:small;
}
.menu:hover { color:#ff0000; background-color:#1991df; }
.menu:active { background-color:#e5f6ff; }
.menu:link { text-decoration:none; }
.menu:visited { text-decoration:none; }

/* メインコンテンツ */
.contents_main_margin_left {
	margin-left: 190px;
}
.full_height_main {
	float: left;
	position: fixed;
	margin-left: 190px;
	background-color: #ffffff;
}

/* コンテンツトップタイトル */
.contents_top_title {
	width: 100%;
	min-width: 100%;
	color: #333;
	font-size: medium;
	padding: 15px 0px 5px 0px;
}

/* リンクがポイントされている（非選択状態） */
.sub_menu_link {
	margin-right: 10px;
}

/* リンクがポイントされている（非選択状態、無効） */
.sub_menu_link_false {
	margin-right: 10px;
	color: #cccccc;
}

/* リンクがポイントされている（アンダーライン） */
.sub_menu_linked {
	border-bottom: solid;
	border-color: #0000ff;
	border-width: 3px;
	margin-right: 10px;
}

/* リンクがポイントされている（文字赤、背景橙色） */
.sub_menu_linked_03 {
	color: #ff0000;
	background-color: #ffcc33;
	font-weight: bolder;
}

.list {
	
}
.list:hover { color:#ff0000; background-color:#ffcc33; }
.list:active { background-color:#e5f6ff; }
.list:link { text-decoration:none; }
.list:visited { text-decoration:none; }

.category_title {
	margin: 2px;
	border-style: solid;
	border-width: 0px 0px 1px 5px;
	padding: 1px;
	border-color: #999999;
	text-shadow: 4px 4px 3px #999;
	font-size:large;
}
.SiteMain {
	width: 100%;
	/*
	border: 0px solid #000;
	background: -moz-linear-gradient(top, #DDD, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF));
	*/
}
.SiteMainCenter {
	/*
	width: 998px;
	*/
	border: 0px;
	margin: 0 auto;
	background-color: #ffffff;
}

.style_header {
	height: 50px; 
	/*
	background-image:url(./bg.gif);
	background-repeat:repeat-x;
	background-color: #0000ff;
	*/
	font-weight: bolder;
	vertical-align: middle;
	clear: both;
}
.style_footer {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #CCCCCC;
	clear: both; 
}
.style_main { 
	/*
	width: 990px;
	*/
	background-color:#fff;
}
.style_side {
	/*
	width: 160px;
	height: 700px;
	*/
	background-color: #999999;
	float: left;
}
/* お知らせ */
.MainInfomation {
	margin: 10px;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
	border:1px dashed #666666;
	background-color: #f1faaf;
	font-size: midium;
}



.basic {
	font-size: large;
	background-color: #DFE6FF;
}
.claim {
	font-size: large;
	background-color: #FFDFE2;
}

.new_item {
	font-size: large;
	background-color: #D6F1D7;
}

.order_inport {
	font-size: large;
	background-color: #FFDD95;
}

.gijiroku {
	font-size: large;
	background-color: #B7B7E6;
}

.kitei {
	font-size: large;
	background-color: #cccccc;
}

.tenmatu {
	font-size: large;
	background-color: #FFDFE2;
}

.kenpin {
	font-size: large;
	background-color: #D6F1D7;
}

.infomation {
	font-size: large;
	background-color: #D7FFD7;
}

.item_discussion {
	font-size: large;
	background-color: #5B9DFF;
}

.hyaku_kin {
	font-size: large;
	background-color: #E1C1C1;
}

.interior {
	font-size: large;
	background-color: #009966;
}

.customer_rikku {
	font-size: large;
	background-color: #ffa500;
}

.system {
	font-size: large;
	background-color: #778899;
}

.system_irai {
	font-size: large;
	background-color: #778899;
}

.design {
	font-size: large;
	background-color: #ff9933;
}

.pop_bbs {
	font-size: large;
	background-color: #FF82B2;
}

.img_tokuisaki {
	font-size: large;
	background-color: #00bfff;
}

.img_tirasi {
	font-size: large;
	background-color: #00ff7f;
}

.trade {
	font-size: large;
	background-color: #ff9933;
}

.bbs_newreg_form { 
	background-color:#ffffff;
	padding: 10px 10px 10px 10px;
	border-style: double;
	/* top right bottom left */
}

.bbs_article { 
	width: 800px;
	padding: 10px 10px 10px 10px;
	border-style: solid;
	/* top right bottom left */
	border-width: 1px 1px 1px 1px; 
}

.table1 { 
   border-collapse: collapse; /* 枠線の表示方法 */ 
   border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
   table-layout: fixed;
} 

.table1 TD { 
   border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

.table2 { 
   border-collapse: collapse; /* 枠線の表示方法 */ 
   border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
   table-layout: fixed;
   width:100%;
} 

.table2 TD { 
   border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 


#img_link a:hover { 
	top:1px;
	left:1px;
	position:relative;
}

.main_php_icon {
	float:left;
	width:120px;
	height:80px;
	font-weight:bolder;
}


/* 点滅 */
.switch {
 -webkit-animation: switchtext 1s infinite alternate;
 -moz-animation: switchtext 1s infinite alternate;
 animation: switchtext 1s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}


.masonry-img {
   -moz-border-radius: 20px;    /* 古いFirefox */
   -webkit-border-radius: 20px; /* 古いSafari,Chrome */
   border-radius: 20px;         /* CSS3 */
   border: 2px pink solid;     /* 枠線の装飾 */
   background-color: #ffffff;   /* 背景色 */
   
   margin: 3px;
   padding: 10px;
   font-size: x-small;
}


fieldset {
   -moz-border-radius: 10px;    /* 古いFirefox */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */
   border: 1px solid gray;
   background-color: #ffffff;   /* 背景色 */
   
   padding: 0px 10px 5px 10px;
   margin:10px;
   font-size:small;
}
legend {
   font-size: 120%;
}


.bbs-form {
   -moz-border-radius: 10px;    /* 古いFirefox */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */
   border: 1px gray solid;
   padding: 10px 10px 10px 10px;
   margin:10px;
}


.calendar-plans {
   -moz-border-radius: 5px;    /* 古いFirefox */
   -webkit-border-radius: 5px; /* 古いSafari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border: 1px gray solid;
   padding:2px;
   margin:2px;
   background-color: #ffffff;
   color:#000000;
}
.calendar-plans:hover { background-color:#eeeeee; }
.calendar-plans:active { background-color:#ffcc33; }
.calendar-plans:link { text-decoration:none; }
.calendar-plans:visited { text-decoration:none; }

.calendar-plans_zero {
   -moz-border-radius: 5px;    /* 古いFirefox */
   -webkit-border-radius: 5px; /* 古いSafari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border: 4px gray solid;
   padding:2px;
   margin:2px;
   background-color: #ffffff;
   color:#000000;
}
.calendar-plans_zero:hover { background-color:#eeeeee; }
.calendar-plans_zero:active { background-color:#ffcc33; }
.calendar-plans_zero:link { text-decoration:none; }
.calendar-plans_zero:visited { text-decoration:none; }

.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    font-size:small;
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.clickable {
  cursor: pointer;
}

/* textarea改行時に自動で高さを変える */
#comment {
  width: 98%;
  padding: 8px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment0 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment1 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment2 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment3 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment4 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment5 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment6 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment7 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment8 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment9 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}

/* textarea改行時に自動で高さを変える */
#comment10 {
  width: 99%;
  padding: 2px;
  line-height: 20px;
}