@charset "Shift_JIS";

/*===========================================================
サンワアルテック株式会社（トップページ、各ページ基本部分のCSS）

目次

1.基本設定
2.文字
3.ヘッダー
4.イメージ
5.サイドメニュー
6.バナー
7.トピックス
8.フッター
=============================================================*/




/*===========================================================
1.基本設定（トップページ、各ページ）
=============================================================*/
body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	background: url(../images/back_sdw.gif) center repeat-y #EDF9FE;
}

.waku {
	width: 760px;
	height:100%;
	margin: 0px auto;
}

.base {
	width: 750px;
	height:100%;
	margin: 0px auto;
	background: #FFFFFF;
}

.box {
	width: auto;
	height:100%;
	margin: 0px 0px 0px 0px;
	background: url(../images/back_line.gif) repeat-y;
	border-bottom:#CCCCCC solid 1px;
}
.box_02 {
	width: auto;
	height:100%;
	margin: 0px 0px 0px 0px;
	background: url(../images/top_rec02.gif) top right no-repeat;
}

.box_03 {
	width: auto;
	height:100%;
	margin: 0px 0px 0px 0px;
	background: url(../images/back_line_02.gif) repeat-y;
	border-bottom:#CCCCCC solid 1px;
}

form {
	margin: 0px;
	padding: 0px;
}


/*フロートのクリア*/
.clear {
	clear: both;
}

/*全てのイメージ下の隙間を無くす*/
img {
	vertical-align: text-bottom
}


/*===========================================================
2.文字（トップページ、各ページ）
=============================================================*/

p {
	margin: 0px;
	padding: 0px;
}


a {
	text-decoration: none;
}

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


/*サイズ、行間*/
.fs01{
	font-size: 0.7em;
	line-height: 1.3em;
}

.fs02{
	font-size: 0.8em;
	line-height: 1.3em;
}

.fs03{
	font-size: 0.8em;
	line-height: 1.8em;
}

.fs04{
	font-size: 1.0em;
	line-height: 1.8em;
}

/*カラー*/
.fc01{
	color: #FFFFFF;
}

.fc02{
	color: #444444;
}

.fc03{
	color: #447700;
}

.fc04{
	color: #CC0000;
}

.fc05{
	color: #EE7700;
}

.fc06{
	color: #4477AA;
}

.fc07{
	color: #E66600;
}



/*===========================================================
3.ヘッダー（トップページ、各ページ）
=============================================================*/
.head {
	width: 750px;
	height: 88px;
}

.head h2 {
	display: none;
}


.head .logo a {
	height: 44px;
	width: 331px;
	position: absolute;
	top: 37px;
	border-style: none;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 10px;
}

.head .sanden_logo a {
	height: 53px;
	width: 182px;
	top: 19px;
	border-style: none;
	background: url(../images/sanden_logo.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 18px 0px 0px 0px;
	float:right;
}


/*ヘッダの文字*/
.head h1 {
	font-size: 0.9em;
	font-weight: normal;
	color: #444444;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	top: 5px;
	text-align: left;
	position: absolute;
	z-index: 1;
}

.head h1 span {
	display: none;
}



/*===========================================================
4.ヘッダ下（トップページ）
=============================================================*/
/*
.anzen {
	background: url(../images/base_img/topimage01.gif) no-repeat;
	height: 23px;
	width: 760px;
	margin: 0px auto;
}

.anzen span {
	display: none;
}
=*/

/*===========================================================
4.イメージ（トップページ）
=============================================================*/

.topimage {
	background: url(../images/top_img.jpg) no-repeat;
	width: 750px;
	height: 260px;
	float:left;
}

.topimage span {
	display: none;
}

.topimage .bn {
	width: 310px;
	float: right;
	margin: 130px 13px 0px 0px;
}
.topimage .bn ul, .topimage .bn li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
}

.topimage .bn .bn_01 a {
	background: url(../images/top_bn01.gif) 0px 0px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	margin: 0px 5px 0px 0px;
}

.topimage .bn .bn_02 a {
	background: url(../images/top_bn02.gif) 0px 0px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	margin: 0px 5px 0px 0px;
}

.topimage .bn .bn_03 a {
	background: url(../images/top_bn03.gif) 0px 0px;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}


.topimage .bn .bn_01 a:hover {
	background: url(../images/top_bn01.gif) 0px 0px;
}

.topimage .bn .bn_02 a:hover {
	background: url(../images/top_bn02.gif) 0px 0px;
}

.topimage .bn .bn_03 a:hover {
	background: url(../images/top_bn03.gif) 0px 0px;
}


/*===========================================================
4.イメージ（サブページ）
=============================================================*/
.subimage {
	width: 750px;
/*
	float: left;
*/
}

.subimage .img1 {
	background: url(../images/base_img/sub_health.jpg) no-repeat;
	height: 105px;
	width: 780px;
}

.subimage .img1 span , .topimage .img2 span {
	display: none;
}




/*===========================================================
5.グローバルメニュー（トップページ、各ページ）
=============================================================*/
.glmenu {
	width: 750px;
	float:left;
}
.glmenu ul, .glmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
}

.glmenu .gm_01 a {
	background: url(../images/menu.gif) 0px 0px;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}

.glmenu .gm_02 a {
	background: url(../images/menu.gif) -150px 0px;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}

.glmenu .gm_03 a {
	background: url(../images/menu.gif) -300px 0px;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}

.glmenu .gm_04 a {
	background: url(../images/menu.gif) -450px 0px;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}

.glmenu .gm_05 a {
	background: url(../images/menu.gif) -600px 0px;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px;
}


.glmenu .gm_01 a:hover {
	background: url(../images/menu.gif) 0px 35px;
}

.glmenu .gm_02 a:hover {
	background: url(../images/menu.gif) -150px 35px;
}

.glmenu .gm_03 a:hover {
	background: url(../images/menu.gif) -300px 35px;
}

.glmenu .gm_04 a:hover {
	background: url(../images/menu.gif) -450px 35px;
}

.glmenu .gm_05 a:hover {
	background: url(../images/menu.gif) -600px 35px;
}

/*===========================================================
5.サイドメニュー（トップページ、各ページ）
=============================================================*/
.smenu {
	width: 149px;
	float:left;
}
.smenu ul, .smenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.smenu .sm_01 a {
	background: url(../images/menu_kankyo.gif) ;
	width: 149px;
	height: 84px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 5px 0px;
}

.smenu .sm_02 {
	background: url(../images/arrow.gif) no-repeat;
	margin: 0px 0px 3px 10px;
	text-indent: 15px;
}


.smenu .sm_01 a:hover {
	background: url(../images/menu_kankyo_o.gif) ;
}

.smenu .sm_04 a {
	background: url(../images/iso.gif) no-repeat center;
	width: 149px;
	height: 85px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 5px 0px;
}

/*サブページ*/
.smenu .sm_03 a {
	background: url(../images/menu_kankyo_02.gif) ;
	width: 131px;
	height: 63px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0px 8px 10px;
}

.smenu .sm_03 a:hover {
	background: url(../images/menu_kankyo_02_o.gif) ;
}

/*トップページフッター上部*/
.smenu2 {
	text-align:right;
	border-bottom:#CCCCCC solid 1px;
}
.smenu2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.smenu2 li {
	list-style: none;
	background: url(../images/arrow.gif) no-repeat;
	text-indent: 15px;
	display: block;
	float:right;
	margin: 5px 10px 3px 5px;
}


/*===========================================================
6.バナー（トップページ）
=============================================================*/
.katsudo {
	width: 238px;
	float: left;
	margin: 0px 0px 0px 20px;
}
.katsudo a {
	background: url(../images/base_img/top_katsudou.gif) no-repeat;
	width: 238px;
	height: 139px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px ;
}

.setsumei {
	margin: 5px 0px 10px 0px ;
	float:right;
}

.bnmenu {
	width: 286px;
	float:right;
	margin: 0px 0px 0px 0px;
}
.bnmenu ul, .bnmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.bnmenu .sanka span {
	background: url(../images/base_img/top_shien_01.gif) no-repeat;
	width: 286px;
	height: 44px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px ;
}

.bnmenu .area a {
	background: url(../images/base_img/top_shien_02.gif) no-repeat;
	width: 286px;
	height: 47px;
	text-indent: -9999px;
	display: block;
}

.bnmenu .tema a {
	background: url(../images/base_img/top_shien_03.gif) no-repeat;
	width: 286px;
	height: 48px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 5px;
}



.bnmenu .area a:hover {
	background: url(../images/base_img/top_shien_02_o.gif);
}

.bnmenu .tema a:hover {
	background: url(../images/base_img/top_shien_03_o.gif);
}



/*===========================================================
7.トピックス（トップページ）
=============================================================*/
.information {
	width: 330px;
	float:left;
	margin: 10px 0px 0px 10px;
}

.information .topics {
	width: 330px;
	height: 14px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px ;
	background: url(../images/top_topics.gif) no-repeat;
}

.information .kiji {
	width: 330px;
}

.information .kiji ul , .information .kiji li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.information .kiji li {
	margin: 0px 0px 0p 0px;
	padding: 3px 0px 3px 12px;
	text-indent: 0px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../images/arrow_02.gif) no-repeat center left;
}


/*記事左のアイコン*/
.information .kiji .icon1 {	
}


.information_02 {
	width: 230px;
	float:left;
	margin: 10px 0px 0px 21px;
}

.information_02 .rec {
	width: 230px;
	height: 14px;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 0px ;
	background: url(../images/top_rec01.gif) no-repeat;
}

.information_02 .kiji_02 {
	width: 230px;
	margin: 5px 0px 0px 0px;
}

.information_02 .kiji_02 ul , .information .kiji_02 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.information_02 .kiji_02 li {
	margin: 0px 0px 0p 0px;
	padding: 0px 0px 3px 0px;
	text-indent: 50px;
}


/*記事左のアイコン*/
.information_02 .kiji_02 .icon0 {
	background: url(../images/top_rec_chuto.gif) no-repeat top left;
}
.information_02 .kiji_02 .icon1 {
	background: url(../images/top_rec_shin.gif) no-repeat top left;
}




/*===========================================================
8.フッター（トップページ、各ページ）
=============================================================*/
.foot_01 {
	margin: 10px 0px 0px 0px;
	background: url(../images/base_img/footer.gif) no-repeat center bottom
}
.foot {
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 30px 0px ;
	border-top:#CCCCCC solid 1px;
}

.foot ul, .foot li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.foot li {
	float: right;
}

.foot a {
	background: url(../images/base_img/arrow.gif) no-repeat left center;
	display: inline;
	padding: 5px 0px 5px 7px;
	margin-left: 15px;
}
/*
.foot a:hover {
	background: url(../images/base_img/a_o.gif) no-repeat left center;
}
*/

/*著作権*/
.copyright {
	margin: 0px auto;
	background: url(../images/base_img/foot_back.gif) repeat-x center;
	text-align: center;
	padding: 5px 0px 10px 0px;
}

/*運営者*/
address {
	font-style: normal;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0px 5px 0px;
}

/*JavaScript無効*/
noscript p {
	color: #990000;
	font-size: 1.5em;
}