@media screen and (min-width: 769px){
img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#container{
  width:100%;
}
table.box {
  border: 1px solid #dddddd;
  border-collapse: separate;
  font-size: 12px
}
th.list        {background-color: #dddddd; color: #333333; white-space: nowrap;}
td.title       {font-size: 18px; color: #666666; font-weight: bold; text-align: center;}
h5.center      {font-family: "ＭＳ ゴシック", "sans-serif"; text-align: center; white-space: nowrap; line-height: 10px}
.warning       {font-size: 18px; color: red; font-weight: bold; margin: 2em 30px 1em}
.code          {font-size: 12px; color: black; margin-left: 30px}

table {
 border-collapse: separate;
 border-spacing: 0;
}
fieldset,img {
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
q:before,q:after {
 content:'';
}
abbr,acronym {border:0;
}

/******************************************************************
 * 全体
 *****************************************************************/
table
{
  font-size: 13px
}

body
{
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
  font-size: 13px;
/*  background-image : url(/parts/bg.gif);*/
  margin-left: 0px;
  margin-top: 0px
}

body.noheader
{
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
  font-size: 13px;
  background-image : none;
  margin-left: 0px;
  margin-top: 0px
}

a:link
{
  text-decoration: none;
  color: #66a
}
a:visited
{
  text-decoration: none;
  color: #66a
}
a:hover
{
  text-decoration: underline;
  color: #855
}

p
{
  margin-left: 5px;
}

/* 円グラフ */
v\:* {
	BEHAVIOR: url(#default#VML)
}


/******************************************************************
 * ロゴ関連
 *****************************************************************/
a.logo
{
  text-decoration: none;
  line-height: 1.5em;
}

a.logo:hover
{
  text-decoration: none
}

img.logo
{
  border: none;
  margin-left: 0px;
  margin-top: 0px;
}
img.logo_l {
  float: left;
  border: none;
  margin-left: 0px;
  margin-top: 0px;
}
img.logo_r {
  float: right;
  border: none;
  margin-left: 0px;
  margin-top: 0px;
}
img.logo_b {
  border: none;
  visibility: hidden;
}

/******************************************************************
 * メニュー関連
 *****************************************************************/
body.menu
{
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
  margin-left: 0px;
  margin-top: 0px;
  background-image: none
}

.menubox
{
  background: #eee url(/parts/menu2.gif) no-repeat 100% 100%;
  padding: 0 0 20px 0;
  width: 150;
  padding: 0;
  margin-left: 1; margin-rignt: 0;
#  margin-top: 2em;
  line-height: 1.5em
}

ul.menu
{
  list-style-image: url(/parts/li.gif);
  list-style-type: circle;
  padding: 0 0 10px 30px;
  margin: 0;
  margin-bottom: 10px;
#  margin-left: 10px;
}


/******************************************************************
 * タイトル用
 *****************************************************************/
h1
{
  text-align: center;
  font-size: 20px;
  line-height: 5
}

h2
{
/*  background: url(/parts/dot.gif) no-repeat 20px 7px;*/
  background: url(/parts/dot.gif) no-repeat 20px 0px;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
  font-weight: normal;
  padding: 0.2em 50px 0.1em 45px;
  left: 10%;
}

h2.home
{
  background: #eee;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
  border: 1px solid #ddd;
  padding: 0.2em 50px 0.1em 45px;
  white-space: nowrap
}

h3
{
  text-align: left;
  font-size: 16px;
  padding: 3;
  background-color: #ddd;
  color: #333
}

/* カテゴリータイトル用 */
h3.menu
{
  background: #eee url(/parts/menu1.gif) no-repeat 0% 0%;
  font-size: 110%;
  margin: 0;
  text-align: left;
  padding: 10px 1em 0.3em 20px;
  border-bottom: dotted 2px #fff
}

h3.dot
{
  background: url(/parts/dot.gif) no-repeat 1px;
  padding: 1px 20px;
  width: 100%;
  font-size: 13px;
  margin-top: 1.5em;
  margin-bottom: 0;
}

h3.dotu
{
  background: url(/parts/dot.gif) no-repeat 1px;
  padding: 1px 20px;
  width: 100%;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 0;
}

td.label
{
  border: 1px solid #dddddd;
  background-color: #eeeeee;
  color: #666666;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  padding: 3px 1px 1px 5px;
}



/******************************************************************
 * リスト
 *****************************************************************/
ul.odd
{
  margin-top: 0px;
  margin-bottom: 0.3em;
  list-style-image: url(/parts/b01.gif)
}

ul.even
{
  margin-top: 0px;
  margin-bottom: 0.3em;
  list-style-image: url(/parts/b02.gif)
}

ul.new
{
  margin-top: 0px;
  margin-bottom: 0.3em;
  list-style-image: url(/parts/new.gif)
}

ul.oasis
{
  list-style-type: none;
  margin-left: 10px;
  font-size: 11px;
  line-height: 12px;
}

/* マスター一覧 */
table.list
{
  border-collapse: collapse;
  font-size: 13px;
  cellspacing: 0px;
  cellpadding: 3px;
  margin-left: 3px;
}

td.list
{
  border: 1px solid #ddd;
  color: #333;
  white-space: nowrap
}

td.box
{
  border: 1px solid #ddd
}
td.boxw
{
  border: 1px solid #ddd;
  white-space: nowrap;
}

td.nobox
{
  border: 0px;
  white-space: nowrap;
}

td.wwrap
{
  word-wrap: break-word;
  font-size: 12px;
  line-height: 20px;
}

td.redbox
{
  border: 2px dotted;
  border-color: #a66 #e55 #e55 #a66;
  white-space: nowrap;
}

/* FAQ */
table.faq
{
  border: none;
  border-collapse: inherit;
/*
  font-size: 16px;
  cellspacing: 5px;
  cellpadding: 10px;
  margin-top: 10px;
  margin-left: 15px;
  width: 95%
*/
}

th.faq
{
  font-size: 12px;
  border: 2px outset #ddd;
  background-color: #eee;
  color: #666;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  margin-left: 0px;
  margin-right: 0px;
  padding: 1px 0px 1px 0px;
}

td.faq
{
  border: none;
  font-size: 12px;
  vertical-align: middle;
  padding: 10px 35px 5px 30px;
}

td.faqcat
{
  border: none;
  font-size: 12px;
  vertical-align: middle;
  padding: 10px 5px 5px 30px;
  background: url(/parts/folder.close.gif) no-repeat 10px;
  background-color: #fff;
}
td.faqcat a:hover
{
  background-color: #afa;
}

td.faqlist
{
  border: none;
  font-size: 12px;
  vertical-align: middle;
  padding: 10px 5px 5px 25px;
  background: url(/parts/b01.gif) no-repeat 10px;
  background-color: #fff;
}
td.faqlist a:hover
{
  background-color: #ff8;
}

td.q
{
  border: none;
  font-size: 12px;
  vertical-align: middle;
/* padding: top right bottom left */
  padding: 10px 0px 5px 50px;
  background: url(/parts/Q.gif) no-repeat 0px;
}

td.answer
{
  border: none;
  font-size: 12px;
  padding: 50px 5px 50px 80px;
  background: url(/parts/A.gif) no-repeat 30px 30px;
}

tr.holi
{
  background-color: #f8f
}

tr.work
{
  background-color: #fff
}

.faqcat
{
  float: left;
  white-space: nowrap;
  border: dotted 1px #eee;
  padding: 1em 0.5em 0.2em 0.5em;
}

/* 問合せリスト */
td.inqlist
{
  white-space: nowrap;
  text-align: center;
}

td.subject
{
  color: #662222;
  font-weight: bold;
  text-align: left
}


/* ページ数 */
.page
{
  font-size: 13px;
  width: 100%; height: 18px;
  margin-top: 1em;
  white-space: nowrap;
  color: #888;
  line-height: 18px;
  vertical-align: middle;
  text-align: right;
  text-decoration: none
}


/******************************************************************
 * リンクボタン
 *****************************************************************/
a.button_image
{
  background: url(/parts/button1.gif) no-repeat 10px;
  overflow: hidden;
  width: 108px; height: 18px;
  white-space: nowrap;
  color: #666;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

a.button_image:visited
{
  color: #666;
  text-decoration: none;
}

a.button_image:hover
{
  background:url(/parts/button2.gif) no-repeat 10px;
  color: #000;
  text-decoration: none
}

/******************************************************************
 * ヘッダー、フッター
 *****************************************************************/
a.header
{
  width: 700px;
  padding: 0;
  border: none
}

a.footer
{
  background: url(/parts/ya.gif) no-repeat 100%;
  overflow: hidden;
  font-size: 13px;
  width: 100%; height: 18px;
  margin-top: 1em;
  white-space: nowrap;
  color: #666;
  line-height: 18px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  text-decoration: none
}
p.footer {
  background: url(/parts/ya.gif) no-repeat 100%;
  overflow: hidden;
  font-size: 13px;
  width: 100%; height: 18px;
  margin-top: 1em;
  white-space: nowrap;
  color: #666;
  line-height: 18px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  text-decoration: none;
  margin-left: auto;
  margin-right: 0px;
}



/******************************************************************
 * データ入力
 *****************************************************************/
input.login
{
  width: 200px;
  color: #666666;
  border: #bbbbbb solid 1px
}
input.loginbtn {
}

input.ip
{
  color: #666;
  border: #bbb solid 1px;
  background: none transparent
}

input.num
{
  width: 100%;
  color: #333;
  text-align: right;
  border: 0px;
  background: none transparent;
}

input.mst
{
  width: 500px;
  height: 20px;
  font-size: 13px
  color: #666;
  border: #bbb solid 1px;
  background: none transparent;
}

input.oasis
{
  width: 500px;
  height: 20px;
  font-size: 13px
  color: #666;
  border: #bbb solid 1px;
  background: none transparent;
}

input.text
{
  height: 20px;
  border: 0px;
  background-color: #eee;
  color: #aaa;
  vertical-align: middle;
  font-size: 12px;
}

input.nobox
{
/*  width: 100%;*/
  color: #000;
  border: 0px;
  background: none transparent;
  vertical-align: middle;
}

input.budgetnum
{
  width: 100%;
  color: #000;
  text-align: right;
  border: 0px;
  background: none transparent;
}

/******************************************************************
 * Wiiボタン
 *****************************************************************/
a.button, span.button, del.button{

	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
  margin-right:1px;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;

    padding-top:-2px;

	position:relative;
/*
	_position:absolute;
*/
	_width:10px;
	_overflow-y:hidden;

	z-index:1;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(form_buttons.png);

	z-index:2;
}
/*
    _background-image:url(/parts/form_buttons.gif);
*/

a.button span, span.button button, span.button input, del.button span{

	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
}


span.button button{
	line-height:2.5;/*Opera need this*/
}

html.safari a.button span,
html.safari del.button span{
	line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}


del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/*Hover Style*/

a.button:hover,
span.button:hover,
a.button:focus,

a.dom-button-focus,
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}


a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}


del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{

	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined') {
				behavior_onMouseEnter = function(el) {

					var dEl = this.parentNode;
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};

			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;

		})(this));
}

}