@charset "utf-8";

.clear{
	/* float クリア */
	clear: both;
}

a{
	/* リンク色 */
	color: #207090;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #207090;
}

body{
	font-family: メイリオ, "Lucida Grande", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: normal;
	font-size: 0.9rem;
}

#wrap{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#tgs_logo{
	/* TGeS LAB ロゴ配置 */
	width: 320px;
	height: 100px;
	float: left;
}

#header{
	width: 960px;
}

#site_brief{
	/*アマチュア無線関連電子工作キット販売部分の配置 */
	width: 270px;
	height: 100px;
	float: right;
}

#show_cart{
	/* カートの中身ボタン配置 */
	width: 200px;
	height: 30px;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#mainimg{
	margin-top: 0px;
	width: 960px;
	height: 200px;
	clear: both;
}

#menu{
	/* メニューボタン配置 */
	width: 960px;
	height: 48px;
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
	clear: both;
}

#menu li{
	float: left;
	list-style-type: none;
}

#sidecontents{
	/* index.html サイドメニュー、その他メニュー配置 */
	width: 320px;
	float: left;
}

#sidemenu{
	/* index.html サイドメニュー */
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	width: 288px;
	height: 500px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#sidemenu h4{
	margin-bottom: 0px;
	margin-top: 0px;
}

#sidemenu ul{
	list-style-position: outside;
	list-style-image: url(img/list_mark1.gif);
	font-size: 0.85rem;
	margin-top: 0px;
}

#miscmenu{
	/* index.html その他メニュー */
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	width: 288px;
	height: 70px;
}

#miscmenu ul{
	list-style-position: outside;
	list-style-image: url(img/list_mark2.gif);
	font-size: 0.85rem;
	margin-top: 0px;
}

#maincontents{
	/*index.html メインコンテンツ配置 */
	width: 630px;
	float: left;
	text-align: center;
}

#maincontents h4{
	text-align: left;
}

#maincontents p{
	font-weight: bold;
}

#maincontents hr{
	width: 550px;
}

#footer{
	clear: both;
	font-size: 0.8rem;
	color: gray;
}

#footer p{
	font-size: 0.95rem;
	color: black;
	text-align: center;
}

#contents{
	clear: both;
	width: 960px;
}

#contents hr{
	width: 500px;
	text-align: left;/* IE, OPERA 水平線の位置は text-align で指定する */
	margin-left: 0px;/* Crome, Edge, Firefox 水平線の位置は margin-left で指定する */
}

.ruby07{
	/* ルビ0.7rem */
	font-size: 0.7rem;
	letter-spacing: 0.1rem;
	font-weight: lighter;
}

.ruby08{
	/* ルビ0.8rem */
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
	font-weight: lighter;
}

.showimg{
	/* 商品画像配置 */
	float: left;
	width: 300px;
	height: 210px;
}

.breafleft{
	/* 商品画像左側説明文配置 */
	float: left;
	width: 330px;
	font-size: 0.8rem;
}

.breafleft ul{
	list-style-type: square;
}

.breafright{
	/* 商品画像右側説明文配置 */
	float: left;
	width: 330px;
	font-weight: bold;
}

.breafrightwide{
	/* 商品画像右側説明文配置 */
	float: left;
	width: 600px;
	font-weight: bold;
}

.addtocart{
	/* カートに入れるボタン配置 */
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	width: 150px;
	height: 20px;
	float: right;
}

.blank{
	/* 余白コンテナ */
	clear: both;
	width: 960px;
	height: 16px;
	text-align: right;
	font-size: 0.8rem;
	font-weight: bold;
}

.blankshort{
	/* 余白コンテナ */
	clear: both;
	width: 480px;
	height: 16px;
}

.alignleft{
	/* 表の見出し行文字左づめ */
	text-align: left;
}

.aligncenter{
	/* 表の見出し行文字位置センター */
	text-align: center;
}

.spectrum{
	/* スペクトラム表示枠 */
	width: 400px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	text-align: center;
}

#relation{
	/* 左上の元に戻るリンク文字配置 */
	clear: both;
	width: 960px;
	height: 30px;
	text-align: left;
	font-size: 0.8rem;
	padding-top: 20px;
}

#downloadmenu{
	/* manuals.html ダウンロードメニューコンテナ */
	width: 830px;
	margin-left: 130px;
}

#downloadmenu h4{
	margin-bottom: 0px;
	margin-top: 0px;
}

#downloadmenu ul{
	list-style-position: outside;
	list-style-image: url(img/list_mark1.gif);
	font-size: 0.85rem;
	margin-top: 0px;
}

#downloadmenu hr{
	width: 500px;
	text-align: left;/* IE, OPERA 水平線の位置は text-align で指定する */
	margin-left: 0px;/* Crome, Edge, Firefox 水平線の位置は margin-left で指定する */
}

#indent6{
	/* ご注文方法の最小見出し用コンテナ */
	margin-left: 48px;
	width: 912px;
}

#lawtable{
	/* 特定商取引法に基づく表記の表示枠 */
	width: 960px;
	border-collapse: collapse;
}

#lawtable th{
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding-left: 20px;
}

#lawtable td{
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#lawtable td:nth-child(1){
	/* 特定商取引法に基づく表記の表示枠の一番左のセルを指定する疑似セレクタ */
	background-color: #cccccc;
}

.showimgright{
	/* About Us 写真枠 */
	width: 340px;
	height: 250px;
	float: right;
}

.font-theme{
	/* Take it easy のフォント */
	font-size: 1rem;
	font-family: sans-serif;
	font-weight: bold;
	color: #ff8000;
	background-color: #fffbee;
	text-align: center;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 100px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.boldcolor{
	/* index.html New ! のフォント */
	color: #ff5577;
	font-size: 1rem;
}

#under-development{
	/* 開発中の表示 */
	width: 960px;
	height: 300px;
	font-size: 2rem;
	font-family: メイリオ;
	font-weight: bold;
	color: #ff8000;
	text-align: center;
	padding-top: 140px;
	clear: both;
}
