@charset "utf-8"; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*フォントの種類指定(左から優先順位)*/
	font-size: 75%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	color: #333333; /*文字色指定*/
}

ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a { /*リンクの文字設定(マウスをのせる前)*/
	color: #0000FF; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

a:hover { /*リンクの文字設定(マウスをのせた時)*/
	color: #C74B15; /*文字色指定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

.color1 {
	color: #FF0033; /*文字色指定*/
}

/* ----- ヘッダー(ページの一番上の部分) ----- */

#header {
	background-image:url(../images/heade.png); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: repeat-x; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
	height:400px; /*領域の高さ指定*/
	width:100%; /*幅指定(autoは初期値に戻す)*/
}

#header_inner {
	position: relative; /*ボックスの配置方法(relativeは相対位置配置)*/
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	width: 850px; /*幅指定*/

}

#header h1 {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	left: 10px; /*左からの距離(positionで指定している場合に適用)*/
	top: 10px; /*上からの距離(positionで指定している場合に適用)*/
	font-size:0.2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #ffffff; /*文字色指定*/
	filter: dropshadow(color=black, offX=0, offY=-1) dropshadow(color=black, offX=1, offY=0) dropshadow(color=black, offX=0, offY=1) dropshadow(color=black, offX=-1, offY=0); /*テキスト縁取り(ie)*/
	text-shadow: 0px -1px black, 1px 0px black, 0px 1px black, -1px 0px black; /*テキスト縁取り*/
	z-index: 3; /*ボックスの重なりの順序を指定*/
}

#logo {
	position:relative; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	left: 20px; /*左からの距離(positionで指定している場合に適用)*/
	top:30px; /*上からの距離(positionで指定している場合に適用)*/
	z-index: 2; /*ボックスの重なりの順序を指定*/
}

#slideshow > div {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	top: 0px; /*上からの距離(positionで指定している場合に適用)*/
	left: 0px; /*左からの距離(positionで指定している場合に適用)*/
	right: 0px; /*右からの距離(positionで指定している場合に適用)*/
	bottom: 0px; /*下からの距離(positionで指定している場合に適用)*/
	z-index: 1; /*ボックスの重なりの順序を指定*/
}

/* ----- レイアウト ----- */

#container { /*container(入れ物、容器)の中に各要素(ボックス)を配置*/
	width: 850px; /*幅指定*/
	margin: auto; /*ボックス外側の余白(autoはボックス幅や隣接する他ボックス幅による自動余白割り当て)*/
	background-color:#ffffff; /*背景色指定*/
}

#container a:hover img { /*画像にマウスをのせた時半透明にする*/
	filter: Alpha(opacity=70); /*視覚効果(IE独自) Alphaは透過表示 opacityは開始透明度*/
	opacity: 0.7; /*要素の透明度*/
}

#main {
	width: 540px; /*幅指定*/
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
}

#main2 {
	position: relative;
	top: 20px;
	width: 680px; /*幅指定*/
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
}

#content {
	width: 400px; /*幅指定*/
	float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	margin: 20px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	
}

#content2 {
	width: 540px; /*幅指定*/
	float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	margin: 20px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/

}

#leftside {
	width: 120px; /*幅指定*/
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	margin-bottom:10px ; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	padding-top: 20px;
	padding-right:10px;	
}
#leftside2{
	width: 120px; /*幅指定*/
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	margin-bottom:10px ; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	padding-top:5px;
	padding-right:10px;	
}

#rightside {
	width: 200px; /*幅指定*/
	position: relative;
	top:-10px;
	left:90px;
   	float:right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	margin: 10px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/	
	/*background-color: bisque;*/
}

#rightside2 {
	width:120px; /*幅指定*/
	float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	margin: 20px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/	
	background-color: #C74B15;
	
}

/* ----- フッター(ページの一番下の部分) ----- */

#footer {
	clear: both; /*floatの回り込みを解除*/
	height:80px; /*領域の高さを指定*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	background-image: url(../images/foot.gif); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: repeat-x; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

#footer_inner {
	padding: 5px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
}

#footer p {
	font-size: 0.75em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333333; /*文字色指定*/
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
	margin-bottom: -3px;
}

/* ----- フッターメニュー ----- */

#footmenu {
	margin-bottom: 5px; /*ボックス外側下の余白*/
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
}

#footmenu li {
	padding-left: 15px; /*ボックス内側左の余白*/
	margin-left: 15px; /*ボックス外側左の余白*/
	border-left: solid 1px #ffffff; /*左境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	display: inline; /*要素の表示形式指定(inlineはインラインレベルで表示(リストを横並び))*/
	list-style-type: none; /*リストマーカーの種類指定(noneはなし)*/
}

#footmenu li.first {
	border-left: none; /*左境界線の一括指定(noneはなし)*/
}

#footmenu a { /*リンクの文字設定(マウスをのせる前)*/
	color: #333333; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

#footmenu a:hover { /*リンクの文字設定(マウスをのせた時)*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

/* ----- コンテンツ ----- */

.post {
	clear: both; /*floatの回り込みを解除*/
	width: 550px;; /*幅指定(autoは初期値に戻す)*/
	padding-left: 10px;
}
.post p{
	width: 500px;	
	margin-left:20px;
	
}
.post2{
	clear: both; /*floatの回り込みを解除*/
	width: 550px;; /*幅指定(autoは初期値に戻す)*/
	padding-left: 20px;
	position:relative;	
	margin-top: 20px;
}
/*流れるテキストの部分*/	
.eria{
	width :100%;      /* 枠の大きさ */    	
	font-size:medium;
	text-align: center;
	background-color:lightcyan;
}
.eria p{
	display: inline-block;
	padding-left: 100%; /*必須*/
	white-space: nowrap; /*右端から文字をスタートさせるため*/
	line-height: 1em; /*改行が起こらないように対策*/
	animation: scroll 10s linear infinite;/*行間（高さ）を1文字分にする*/
	display: inline-block; /*下のアニメーションを10秒かけて行い、それをくりかえ*/
	-webkit-animation: scroll 20s linear infinite;
	letter-spacing:1px;
}

/*最下部の住所の位置合わせ*/
.mgr-10{
	margin-right: 10px;
}
.siz{
	font-size:small;
}

/*右サイドの部分の設定*/
.maru{
	white-space: nowrap;
	font-size:small;
	font-weight: bold;
	text-align: center;
	border: solid rgb(93, 196, 243) 2px;
	border-radius: 20px;
	background-color:rgb(165, 218, 243) ;
	padding: 5px;	
}

.shikaku{
	border: solid rgb(93, 196, 243) 2px;
	position: relative;
	top: 10px;
	left: 10px;
}
.shikaku p{
	font-size: small;
	padding: 5px;
}
.shikaku p::before{
	content: url("../images/images/crane_icon.png");  /*画像のURL*/
    margin-right:5px;  /*画像右の余白*/
    position:relative;
    top:5px;      /*上からの位置*/
    left:0;       /*左からの位置*/
}

	  
	  /* アニメーション（右から左に移動） */
	  @keyframes scroll{
		0% {
		  transform: translateX(0)		;
		  -webkit-transform: translateX(0)		;
		  -moz-transform: translateX(0)		;
		  -ms-transform: translateX(0)		;
		  -o-transform: translateX(0)		;
}
		100% {
		  transform: translateX(-100%);
		  -webkit-transform: translateX(-100%)		;
		  -moz-transform: translateX(-100%)		;
		  -ms-transform: translateX(-100%)		;
		  -o-transform: translateX(-100%)		;
}
	  }	
	  
	  
/*トップページのテキスト部分の調整*/	
.eria2{
	font-size:small;	
}
.eria2img{
	position: relative;
	left:50px;
	top: 10px;
}
.rinen{
	text-align: center;
	font-size: medium;
	font-weight: bold;
}

/*サブページの位置調整*/
.work{
	width: 290px;	
	float: right;
}

    	
.post ul {
	margin-bottom: 15px; /*ボックス外側下の余白*/
}

.post ul li {
	padding-left: 15px; /*ボックス内側左の余白*/
}
.infoimg_tel{
	position: relative;
	left:100px;
}

/*表題の横棒の位置セット*/
.seting{
	position: relative;
	top:10px;
	left: -10px;
}
.seting2{
	position: relative;;
	top:4px;
	left: -10px;
}
/*社長のサインの位置*/
.aisatsu{
	position: relative;
	left:280px;
	top:10px;

}

/* ---- 画像リストの設定 ----- */

.product {	
	overflow:hidden; /*領域に入りきらない内容の処理(hiddenははみ出す場合表示されず)*/
	padding: 5px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 1px solid #bfbfbf; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
	width: 525px; /*幅指定*/
}

/*.product img {
	/*float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
    /*width: 170px;} /*幅指定*/

.product h3 {
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #055723;	/*文字色*/
	padding-left: 180px; /*ボックス内側左の余白*/
	
}

.product h3 a {
	color: #055723;	/*文字色指定*/
}

.product p {
	padding-left: 180px; /*ボックス内側左の余白*/
	position: relative;	
}

.product2 {
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.shikaku2{
	border: solid rgb(0, 0, 255) 1px ;
	border-radius: 5px;
	padding: 5px;
}
.product2 h3{    
	font-size:medium;
	color:blue;	/*文字色*/	
}

.product2 h3::before{
	content: url("../images/click.gif") ; /*画像のURL*/	
    margin-right:5px;  /*画像右の余白*/
    position:relative;
    top:8px;      /*上からの位置*/

}
.product2 h3:hover{
	transform: scale(1.1);/*1.1倍に拡大します*/
}
.product3{
	font-weight: bold;
	position: relative;	
	top: -8px;
}

.primg{
	position: relative;
	top:-300px;	
	left:350px	
}
.primg p{
	position: relative;
	left:20px;
}
.prul{
	position: relative;
	left:100px
}
.prul h3{
	width: 300px;
	border: solid #0000FF;
	text-align: center;
	background-color: #ebebba;
	border-radius: 20%;
}
.primg0{
	float: left;
}



/* ---- テーブルの設定 ----- */

.ta1  {
	width: 540px; /*幅指定*/
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
}

.ta1 th, td {
	border: solid 1px #696969; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	padding: 10px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.ta1 th {
	background-color: #A4B356; /*背景色指定*/
	color: #333333; /*文字色指定*/
	
}

/* ---- テーブルの設定 2----- */
.ta5  {
	width: 525px; /*幅指定*/
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
    position:relative;
	top: 5px;
	
}

.ta5 th, td {
	border: solid 1px #696969; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	padding: 10px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.ta5 th {
	background-color: #A4B356; /*背景色指定*/
	color: #333333; /*文字色指定*/
	width: 140px;
}
.ichi  {
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	width:75px;	
}
a[href*=".pdf"]::before{/*アイコンの自動添付*/
	content: "   ";	
	display: inline-block;
	width:20px;
	height:25px;
	margin-right:10px;
	background-image:url(../images/pdf_icon_130274.jpg);	
}

/*電話とファックスの位置設定*/
.tmark p::before{
	content: url("../images/tel-icon.png") ;  /*画像のURL*/	
    margin-right:5px;  /*画像右の余白*/
    position:relative;
    top:20px;      /*上からの位置*/
    left:0;       /*左からの位置*/
	
}
.fmark p::before{
	content: url("../images/fax-icon.png");  /*画像のURL*/
    margin-right:5px;  /*画像右の余白*/
    position:relative;
    top:20px;      /*上からの位置*/
    left:0px;       /*左からの位置*/
}
.t_f_mark{
	position: relative;
	left: 100px;
}
.t_f_mark p{
	font-size: large;
	font-weight: bold;
}

/*コンテナの指マーク及びテキストの位置調整*/
.yubi p{
font-weight:bolder;
width: 150px;
text-align:center;
position: relative;
}
.yubi p::after{
	content: url("../images/finger.jpeg") ; /*画像のURL*/
    margin-right:5px;  /*画像右の余白*/
    position:relative;
    top: 8px;      /*上からの位置*/
    left:10px;       /*左からの位置*/	
}
.yubi2{
	position: relative;
    left:150px;
	top: -30px;   
	font-size: medium;
	font-weight: bold;
}
.yubi p{
	animation:yubi 2s infinite;	
}
@keyframes yubi {
	0% {
	  transform: translateX(0px);
	}
	50% {
	  transform: translateX(-30px);
	}
	100% {
	  transform: translateX(0px);
	}
  }
/*---求人募集のキャッチコピーの部分---*/
.job{
     font-weight:bolder;	 
     position: relative;
	 left: 40px;
	 top:-30px;
	 color: rgba(20, 119, 225, 0.812);
	 font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	 font-size: large;
}
.job2{
	font-weight:bolder;	 
     position: relative;
	 left: 140px;
	 top: -30px;
	 color: rgba(20, 119, 225, 0.812);
	 font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	 font-size: large;
}
#jobformat{
	position: relative;
	top: -10px;
}


/* ---- ボックスの設定 ----- */

.box {
	overflow: hidden; /*領域に入りきらない内容の処理(hiddenははみ出す場合表示されず)*/
	padding: 5px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 1px solid #bfbfbf; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
	width: 527px; /*幅指定*/
}

/* ---- 入力フォームの設定 ----- */

#formtable {
	width: 540px; /*幅指定*/
}

#formtable table {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	border-collapse: collapse; /*境界線の表示指定(collapseは重ねて表示)*/
}

#formtable th {
	width: 100px; /*幅指定*/
	border: solid 1px #696969; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	padding: 5px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	background-color: #A4B356; /*背景色指定*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333333; /*文字色指定*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

#formtable td {
	border: solid 1px #696969; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	padding: 5px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

#formtable input {
	border: solid 1px #bfbec5; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

#formtable textarea {
	border: solid 1px #bfbec5; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

#formtable p {
	margin: 10px 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	text-align:center; /*行の水平方向の揃え方(centerは中央揃え)*/
}

/* ----- ページ左の内容 ----- */

#leftside img {
	margin-bottom: 5px; /*ボックス外側下の余白*/
}
/*ボタンの設定*/
.ClassName {	
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 3px 2px;	
	-moz-box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 3px 2px;
	-webkit-box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 3px 2px;
	background:#ffffff;
	background:-o-linear-gradient(90deg, #ffffff, #94eb3d);	
	background:-webkit-linear-gradient(#ffffff, #94eb3d);	
	background:linear-gradient(#ffffff, #94eb3d);
	text-indent:0px;
	line-height:20px;
	-moz-border-radius:25px 0 0 0;
	-webkit-border-radius:25px 0 0 0;
	border-radius:25px 0 0 0;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:15px;
	color:#404040;
	width:100px;
	height:10px;
	margin-bottom:5px;
	padding:13px;
	border-color:#659dab;
	border-width:2px;
	border-style:solid;
}

.ClassName:active {
	box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 0 2px;
	box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 0 2px;
	-moz-box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 0 2px;
	-webkit-box-shadow:inset #dae8c1 0px 5px 8px -1px,#d6d6d6 1px 0 2px;
	position:relative;
	top:3px
}

.ClassName:hover {
	background:#94eb3d;
	background:-o-linear-gradient(90deg, #94eb3d, #ffffff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94eb3d', endColorstr='#ffffff');
	background:-webkit-linear-gradient(#94eb3d, #ffffff);
	background:linear-gradient(#94eb3d, #ffffff);
}
.ClassNameSub {
	text-decoration:none;
	font-family:Arial;
	background:#d6ed3d;
	background:-o-linear-gradient(90deg, #d6ed3d, #ede9c0);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ed3d', endColorstr='#ede9c0');
	background:-webkit-linear-gradient(#d6ed3d, #ede9c0);	
	background:linear-gradient(#d6ed3d, #ede9c0);	
	line-height:0px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	font-size:8px;
	color:#030303;
	width:500px;
	height:0px;
	padding:8px;
	border-color:#659dab;
	border-width:0px;
	border-style:solid;
}

.ClassNameSub:active {
	position:relative;
	top:3px
}

.ClassNameSub:hover {
	background:#ede9c0;
	background:-o-linear-gradient(90deg, #ede9c0, #d6ed3d);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ede9c0', endColorstr='#d6ed3d');
	background:-webkit-linear-gradient(#ede9c0, #d6ed3d);	
	background:linear-gradient(#ede9c0, #d6ed3d);
}
.ClassName1 {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	background:linear-gradient(#e0f2f3, #7abcee);
	text-indent:-19px;
	line-height:10px;
	-moz-border-radius:25px 0 0 0;
	-webkit-border-radius:25px 0 0 0;
	border-radius:25px 0 0 0;
	text-align:right;
	vertical-align:middle;
	display:inline-block;
	font-size:17px;
	color:blue;
	width:100px;
	height:10px;
	padding:9px;
	text-shadow:#6daac2 2px 2px 0px;
	border-color:#659dab;
	border-width:1px;
	border-style:solid;
	
}
.underline{
	position: relative;
	left:-10px;
}
.ClassName2 {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;	
	background:linear-gradient(#e0f2f3, #7abcee);
	text-indent:-19px;
	line-height:10px;
	-moz-border-radius:25px 0 0 0;
	-webkit-border-radius:25px 0 0 0;
	border-radius:25px 0 0 0;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:17px;
	color:blue;
	width:100px;
	height:10px;
	padding:9px;
	text-shadow:#6daac2 2px 2px 0px;
	border-color:#659dab;
	border-width:1px;
	border-style:solid;
}
.ClassName3{
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;	
	background:linear-gradient(#e0f2f3, #7abcee);
	text-indent:-3px;
	line-height:10px;
	-moz-border-radius:25px 0 0 0;
	-webkit-border-radius:25px 0 0 0;
	border-radius:25px 0 0 0;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:13px;
	color:blue;
	width:100px;
	height:10px;
	padding:9px;
	text-shadow:#6daac2 2px 2px 0px;
	border-color:#659dab;
	border-width:1px;
	border-style:solid;	
	

}








/* ----- ページ右の内容 ----- */

#rightside h2 {
	padding-left: 10px; /*ボックス内側左の余白*/
	margin: 20px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333333; /*文字色指定*/
}

.newlist {
	margin-bottom: 15px; /*ボックス外側下の余白*/
}

.newlist dl {
	width: auto; /*幅指定(autoは初期値に戻す)*/
	height: 200px; /*領域の高さ指定*/
	overflow: auto; /*領域に入りきらない内容の処理(autoはブラウザに依存(通常はみ出す場合はスクロール表示))*/
	padding-left: 5px; /*ボックス内側左の余白*/
	text-align: left; /*行の水平方向の揃え方(leftは左寄せ)*/
}

.newlist dt {
	font-weight: bold; /*フォントの太さ指定(boldは太字)*/
	color: #666666; /*文字色指定*/
}

.newlist dd {
	border-bottom: 1px solid #cccccc; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	margin: 5px 10px 10px 5px; /*ボックス外側の余白(値4つは左から上,右,下,左の値)*/
}

   /* ▼タブ機能の掲載領域の装飾(※必須ではありません) */
   .tabbox { margin: 0px; padding: 1em; background-color: #f8f8ff; }

   /* ▼タブ機能を制御するラジオボタン(非表示にする) */
   .tabbox input { display: none; }

   /* ▼タブ(共通装飾＋非選択状態の装飾) */
   .tab {
      display: inline-block;
      border-width: 1px 1px 0px 1px;
      border-style: solid;
      border-color: black;
      border-radius: 0.75em 0.75em 0px 0px;
      padding: 0.75em 1em;
      color: black;
      background-color: #e0e0e0;
      font-weight: bold;
   }

   /* ▼タブにマウスポインタが載った際の装飾 */   
   .tab:hover {
      background-color: #ccffcc;
      color: green;
      cursor: pointer;
   }

   /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
   input:checked + .tab {
      color: red;
      background-color: #ffffcc;
      position: relative;
      z-index: 10;
   }

   /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
	  width:650px; 
      display: none;
      border: 1px solid black;
      margin-top: -1px;
      padding: 1em;
      position: relative;
      z-index: 0;
      background-color: #ffffcc;
   }

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }