@charset "utf-8";

body,tr,td,th,input,textarea,select,option { 
font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
select,input,textarea{
	color: #333333; font-size: 13px;
	border:1px solid #6e6e6e; padding:2px;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(200,200,200,0.1);   
}

body,tr,td,th {
font-size: 13px;   -webkit-text-size-adjust: 100%;
line-height:130%;
color: #333333; box-sizing:border-box;
}

body{padding:0;margin:0 10px 0;}
a{text-decoration:none;}
a:link{ color: #0000ff;}
a:visited{ color: #0000ff;}
a:active{ color: #ffd700;}
a:hover {color: #ff6caa;}
.nowrap{ white-space:nowrap; }
.center{text-align:center;}
.right{text-align:right;}
.top{vertical-align:top;}

big {
font-size: 14px;
font-weight: bold;
letter-spacing:1px;
}
small{font-size:11px;}

/* nav固定 */
nav { 
	background: #ffffff; text-align:center; padding:5px 0 5px; margin:0;  
	position: absolute;
	justify-content: space-between;
}
.is-fixed { position: fixed; top: 0; z-index: 2; }

/* 左カラム 検索フォーム,カテゴリリンク */
#left_column{ float:left; padding-top:2px;}

/* 全体外枠 */
#outline, #topset, nav{ width:830px;margin:0 auto 0;}

/* ヘッダ */
.header{ position: relative; margin:0 0 1px; height:120px;}
/* ヘッダ画像 */
.header_image{width:100%;height:auto; border-radius:0 0 4px 4px;  box-shadow: 1px 1px 2px 1px rgba(10,10,10,0.1);  }
/* タイトル */
.head_title{ 
position:absolute;top:35%; width:100%;
font-size:180%; text-align:center; font-weight:bold;
letter-spacing:0.1em; color:#ffff00;
text-shadow:2px 2px 2px #ca009e;
-webkit-text-shadow:2px 2px 2px #ca009e;
-moz-text-shadow:2px 2px 2px #ca009e;
}

.header_link{text-align:left;margin-bottom:20px;}
/*  ⇑コメントアウト .header_link{text-align:right;margin-bottom:5px;}  */

/* フッタ */
#footer{ 
margin:15px 0 10px; text-align:center;padding:20px 0;
border-radius:4px;  box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);  
}

/* 検索フォーム */
#search{
vertical-align:top;
width:200px;
padding:10px 0 10px 10px; box-sizing:border-box;
line-height: 150%; margin: 5px 0 15px;
border: 1px solid #d4d4d4; background-color:#ffffff;
text-align:left;
box-sizing:border-box;
border-radius: 8px;
box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
}
/* 検索ボタン */
.sr_button{text-align:center;}

.form01{margin:0 15px 5px 0;}
.form02{margin:0 0 5px;}
/* カテゴリリンク一覧 */
#menu{
margin:5px 0 0;
vertical-align:top;
width:200px;
}
/* データ表示部 */
#data{
float:right; width:610px;margin:7px 0 0;
vertical-align:top;
}

/* ページリンク 該当No */
.Plink_area{font-size:14px;font-weight: bold;text-align:center;margin:10px auto 15px; }
.Plink_area a{
	padding:0px 4px 0px;margin:1px;
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.Plink_area a:hover {background: #61b5ff;color: #ffffff;}
.Alink{ border:1px solid #61b5ff;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }

/* その他のページ番号(リンク) */
.col2{
font-weight: bold; font-size: 14px; margin:0 3px 0;
}
/* 次/前リンク(>>) */
.col3{
font-size: 13px;font-weight: bold;
}
/* 現在表示されている▼▲ */
.col4{
color:#ff0000;
}


/* キーワード指定フォーム */
.keyword{
width:160px;
font-size:12px;
}

/* [検索]ボタン */
.srhbutton{
width:100px;
margin-top:8px;
}


/* カテゴリ一覧*/
.list7{
margin:5px 0 0; width:100%;
padding:0;list-style-type:none;
}
.list7 li{ 
margin:5px 1px 5px; padding:3px 0 3px;  text-align:center; 
background-color: #ffeb99; border: 1px solid #ffd529; 
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
}
#menu a{display: block;}



/**** データ表示Table ****/
/* 一覧 table */
.datatable{
border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; 
width:100%; margin:0; border-spacing:0; table-layout: fixed; border-collapse: collapse;
}
/* 一覧表示 背景色1(交互に変わる背景色) */
.tablebg1{background-color: #ffffff; }
/* 一覧表示 背景色2 */
.tablebg2{background-color: #f2f2f2;}
.datatable td{vertical-align:top;padding:3px;word-break: break-all;}
/* 番号 */
.td1{ text-align:center;width:50px; border-right: 1px solid #c7c7c7;}
/* 品名(和文) */
.td2{ text-align:left;border-right: 1px solid #c7c7c7;}
/* 備考 */
.td3{ text-align:left;}

/* 最下段 */
.tabel_end{ border-bottom: 1px solid #c7c7c7;  margin-bottom:10px;}
/** ローディング画像 **/
.loading_img {text-align:center;margin:0 0 10px;}
.loading_img img{  width:auto; height:auto;}
/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#e0ffcf;
	padding:2px 0 2px; 
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.Page_Number span{font-size:18px;}

/* 項目名 */
.head1{}
.head4{white-space: nowrap;}
.head5{white-space: nowrap;}
.head6{white-space: nowrap;}
.head7{white-space: nowrap;}
.head8{}


/* サジェスト用キーワード表示部 */
#suggest {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #aab1c4;
    font-size: 90%;
    line-height:130%;
    width:153px;padding:3px; margin-top:1px;
}
#suggest div {
    display: block;
    width:153px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest div.select{ /* Key UP,KeyDwn Style */
    color: #ffffff;
    background-color: #6184de;
}
#suggest div.over{ /* Mouse Over Style */
    color: #ffffff;
    background-color: #6184de;
}


.data_table{float:right;width:350px; text-align:left;}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:20px;right:20px; }
a#pageTop:hover img{
    cursor:pointer;
    filter: alpha(opacity=60); 
    -ms-filter: "alpha(opacity=60)"; 
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;  
    opacity:0.6;
}

/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }


/********** レスポンシブ設定 **********/

/********** 850未満 *****/
@media screen and (max-width:850px){ 
.header{ height:auto;}
#outline, #topset, nav{width:700px;}
#data{width:480px; }
.data_img{width:100%;padding-left:0;}
.data_table{width:100%;}
}


/********** 700未満 *****/
@media screen and (max-width:700px){ 
#outline, #topset{width:100%;}
nav{width:96%;}
.header_link{margin:0 15px 0;}
#search{width:100%; margin: 5px 0 15px;padding:5px 10px 20px;}
#menu,#left_column{width:100%; }
#data{width:100%; }
.sr_button{text-align:left; padding-top:11px;}
.form01{float:left;margin-right:15px;}
.col3{margin:0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;padding:2px 10px 2px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
}

/********** 600未満 *****/
@media screen and (max-width:600px){
.head_title{font-size:120%;}
.qr{display:none;}
}

/********** 450未満 *****/
@media screen and (max-width:450px){ 
#search{ margin: 10px 0 15px;padding:5px 10px 10px;}
.form01{width:100%;}
.sr_button{padding:0;}
}