/*================================================================================================
	※修正した場合、一番下にある更新記録の記入にご協力してください。
	※ここには主にindexページの指定を記載。
==================================================================================================*/

@charset "utf-8";

/* =================================================================================

全体構造

=================================================================================*/
body {
		margin: 0px auto;
		padding: 0px auto;
		width: 100%;
		font-size: 95%;
		background: #5E9A0D url(../img/joint/bg00.jpg) repeat-x 0% 0%;
		text-align: center;
	}
#wrap00 {
		/*　背景画像指定 safari対応　*/
		margin: 0px auto;
		padding: 0px auto;
		width: 100%;
		background: #5E9A0D url(../img/joint/bg00.jpg) repeat-x 0% 0%;
		text-align: center;
	}
#wrapper {
		/*　背景画像　*/
		margin: 0px auto;
/*	センタリング実装用
		margin: 0px 0px 0px -600px;
*/
		padding: 0px 100px;
		text-align: center;
/*
		position: absolute;
		left: 50%;
*/
		width: 1000px;
		min-height: 795px;
		background: transparent url(../img/joint/bg.jpg) no-repeat 0% 0%;
	}
#wrapper_index {
		margin: 0px auto;
		padding: 0px auto;
		width: 1000px;
		height: 100%;
		background: transparent url(../img/joint/bg_index.jpg) no-repeat 0% 0%;
		color: #451200;
		text-align: center;
	}

/* =================================================================================

基本パーツ｜page全体に関係する指定

=================================================================================*/
/*リンク(基本)
===========================================================================*/

a:link {
		text-decoration: none;
		color: #1986b5;
		background: transparent;
		border: none;
		}
a:visited {
		text-decoration: none;
		color: #5B61F9;
		background: transparent;
		border: none;
		}
a:hover {
		text-decoration: none;
		color: #FF0000;
		background: transparent;
		border: none;
		}
a:active {
		text-decoration: none;
		color: #FF0000;
		background: transparent;
		border: none;
	}



p.beginning_in {
		margin: 0px 0px 0px 0px;
		width: 108px;
		height: 42px;
		display: block;
		float: right;
	}

a.beginning {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 108px;
		height: 42px;
		display: block;
	}
a.beginning:link,a.beginning:active,a.beginning:visited {
		background: transparent url(../img/joint/beginning_lv.png) no-repeat 100% 100%;
	}
a.beginning:hover {
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
		background: transparent url(../img/joint/beginning_h.png) no-repeat 100% 100%;
	}



/*イメージリンク(基本)｜hover時
===========================================================================*/
.anc {
		border: 1px solid transparent;
	}
.anc:hover {
		border: 1px solid #FF0000;
		}

/*イメージ(基本)
===========================================================================*/
img {
		margin: 0px;
		padding: 0px;
		vertical-align: bottom;
		border: none;
	}

/*パタグラフ
===========================================================================*/
p {
		margin: 3px 0px;
		line-height: 1.2;
		font-size: 95%;
	}

/*ul
===========================================================================*/
ul {
		margin: 0px 20px;
		padding: 0px;
		font-size:95%;
		list-style-type: none;
	}
li {
		margin: 0px;
		padding: 0px;
	}

/*dl
===========================================================================*/
dl {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font-size:95%;
		text-align: left;
	}

dt {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
dd + dt {
		margin: 5px 0px 0px 0px;
		padding: 0px;
	}
dd {
		margin: 0px;
		padding: 0px 0px 0px 10px;
	}


dl.topic {
		margin: 10px 20px 0px 20px;
		padding: 0px;
		font-size: 100%;
		text-align: left;
	}
dl.topic dt {
		margin: 8px 0px -3px 0px;
		padding: 0px 0px 0px 20px;
		background: transparent url(../img/joint/favicon16_16.gif) no-repeat 0% 0%;
	}
dl.topic dd {
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		border-bottom: 1px dashed #EFD9B5;
	}
dl.topic dd.none {
		border-bottom: 1px dashed transparent;
	}


/*配置(基本)
===========================================================================*/
.east {
		float: right;
	}
.west {
		float: left;
	}
.center {
		margin: 0px auto;
		padding: 0px auto;
		text-align: center;
	}

/*回り込み解除
===========================================================================*/
.clear {
		clear: both;
	}
.clear_east {
		clear: right;
	}
.clear_west {
		clear: left;
	}

/*文字消し
============================================================*/
.erase {
		display: none;
	}

/*汎用する指定
===========================================================================*/
.space {
		padding: 10px;
	}
.t_space {
		padding: 10px 0px 0px 0px;
	}
.b_space {
		padding: 0px 0px 10px 0px;
	}
.h_space {
		padding: 10px 0px 10px 0px;
	}
.r_space {
		padding: 0px 10px 0px 0px;
	}
.l_space {
		padding: 0px 0px 0px 10px;
	}
.w_space {
		padding: 0px 10px;
	}

.notice {
		padding: 0px 0px 0px 15px;
		text-indent: -1em;
		text-align: left;
		color: #FF0000;
	}
.attention {
		color: #FF0000;
	}
.attention_y {
		color: #FF9000;
	}
.pale {
		color: #AB8971;
	}
.little {
		font-size: 70%;
	}
.normal {
		font-weight: normal;
	}
.bold {
		font-weight: bold;
	}

.half {
		margin: 0px;
		padding: 0px;
		width: 49%;
	}
.border {
		border: 1px solid #0000FF;
	}





/*ボックス(基本)
===========================================================================*/
div {
		margin: 0px;
		background: transparent;
		}

/*Social Bookmark関連
===========================================================================*/
.google_plus_button {
		/*	google_plus_one　float専用	*/
		margin: 20px 0px 10px 0px ;
		padding:： 0px;
		float: right;
	}
div#___plusone_0 {
		/*	google_plus_one　余白の調整	*/
		width: 80px!important;
}

div#fb-root {
		/*	Facebook　float・余白の調整	*/
		margin: 20px 28px 10px 0px ;
		padding: 0px;
		width: 80px;
		float: right;
	}
iframe.twitter-share-button {
		/*	twitter　float・余白の調整	*/
		margin: 20px 0px 10px 0px ;
		padding: 0px;
		width: 95px!important;
}


/*ヘアライン(基本)
===========================================================================*/
hr {
		margin: 15px 15px;
		padding: 0px;
		border: 1px dotted #EFD9B5;
	}
hr.dot {
		margin: 15px 15px;
		padding: 0px;
		border-top: 1px dashed #EFD9B5;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;

	}

/*見出し
===========================================================================*/
h1 {
		margin: 0px 2px 0px 0px;
		padding: 0px;
		width: 234px;
		height: 130px;
		background: transparent url(../img/joint/title_s.png) no-repeat;
		float: left;
	}

h2 {
		margin: 0px;
		padding: 0px;
		width: 620px;
		height: 60px;
		display: block;
		/*	border: 1px solid #0000FF;	*/
	}
h2.topic {
		background: transparent url(../img/heading/topic_heading.png) no-repeat 0% 0%;
	}

h3 {
		margin: 10px 0px;
		padding: 0px;
		/*	border: 1px solid #0000FF;	*/
	}
h3.caption {
		margin: 0px 0px 5px 0px;
		padding: 18px 0px 0px 0px;
		height: 24px;
		text-indent: 30px;
		font-size: 90%;
		background: transparent url(../img/heading/heading_icon42_42.png) no-repeat 0% 0%;
		display: block;
	}

h4 {
		margin: 0px;
		padding: 0px;
	}
h4.caption {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		height: 22px;
		text-indent: 30px;
		font-size: 90%;
		background: transparent url(../img/heading/heading_icon32_32.png) no-repeat 0% 0%;
	}

h5 {
		margin: 0px 20px;
		padding: 0px;
	}

h5.caption {
		margin: 0px 0px 0px 10px;
		padding: 4px 0px 0px 0px;
		height: 16px;
		text-indent: 22px;
		font-size: 90%;
		background: transparent url(../img/heading/heading_icon20_20.png) no-repeat 0% 90%;
	}


/* =================================================================================

header部分指定

=================================================================================*/
#header {
		margin: 0px;
		padding: 0px 60px 30px 40px;
		width: 900px;
		text-align: right;
	}
#header img {
		border: 0px none transparent;
	}

/*　メインメニュー
===========================================================================*/
#header a {
		padding: 0px;
		width: 107px;
		height: 130px;
		display: block;
		float: left;
	}
#header p {	/*--Animation Rolloversのbackground消失防止--*/
		padding: 0px;
		width: 107px;
		height: 130px;
		display: block;
		float: left;
	}
#header a.index {
		padding: 0px;
		width: 234px;
		height: 130px;
		min-width: 234px;
		min-height: 130px;
		display: block;
		float: left;
		background: transparent url(../img/joint/title_s.png) no-repeat;
	}
#header p.information {	/*--Animation Rolloversのbackground消失防止--*/
		margin: 0px 2px 0px 0px;
		background: transparent url(../img/joint/information_lv.png) no-repeat 0% 0%;
	}
#header a.information {	/*--Animation Rolloversのhover時表示画像--*/
		margin: 0px 2px 0px 0px;
		background: transparent url(../img/joint/information_h.png) no-repeat 0% 0%;
	}
#header p.world {
		margin: 0px 2px;
		background: transparent url(../img/joint/world_lv.png) no-repeat 0% 0%;
	}
#header a.world {
		margin: 0px 0px;
		background: transparent url(../img/joint/world_h.png) no-repeat 0% 0%;
	}
#header p.story {
		margin: 0px 2px;
		background: transparent url(../img/joint/story_lv.png) no-repeat 0% 0%;
	}
#header a.story {
		margin: 0px 0px;
		background: transparent url(../img/joint/story_h.png) no-repeat 0% 0%;
	}
#header p.special {
		margin: 0px 2px;
		background: transparent url(../img/joint/special_lv.png) no-repeat 0% 0%;
	}
#header a.special {
		margin: 0px 0px;
		background: url(../img/joint/special_h.png) no-repeat 0% 0%;
	}
#header p.product {
		margin: 0px 2px;
		background: transparent url(../img/joint/product_lv.png) no-repeat 0% 0%;
	}
#header a.product {
		margin: 0px 0px;
		background: transparent url(../img/joint/product_h.png) no-repeat 0% 0%;
	}
#header p.related_product {
		margin: 0px 2px;
		background: transparent url(../img/joint/related_product_lv.png) no-repeat 0% 0%;
	}
#header a.related_product {
		margin: 0px 0px;
		background: transparent url(../img/joint/related_product_h.png) no-repeat 0% 0%;
	}


/* =================================================================================

pagebody部分指定

=================================================================================*/
#pagebody_index {
		margin: 0px 50px;
		padding: 280px 0px 0px 0px;
		width: 900px;
		min-height: 120px;
		_height: 300px;
#		background: transparent url(../img/joint/bg_topic.png) no-repeat 100% 100%;
		/*　border: 1px solid #0000FF;	*/
	}


/*　サイドメニュー
===========================================================================*/
#side {
		margin: 0px 0px 0px 50px;
		padding: 10px 0px 0px 0px;
		width: 210px;
		background: transparent url(../img/joint/bg_side_top.png) no-repeat 0% 0%;
		text-align: center;
	}
#side_box {
		margin: 0px 0px 0px 0px;
		padding: 5px 10px;
		width: 190px;
		background: transparent url(../img/joint/bg_side.png) repeat-y 100% 100%;
	}
#side_menu {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
	}
#side_menu a {
		margin: 0px;
		padding: 0px;
		width: 190px;
		height: 42px;
		display: block;
		/*　border: 1px solid #0000FF;	*/
	}

#side_link {
		margin: 0px;
		padding: 10px 23px 26px 15px;
		width: 180px;
		height: 60px;
		display: block;
		background: transparent url(../img/joint/bg_side_bottom.png) no-repeat 0% 0%;
	}
#side_link a {
		margin: 0px 1px;
		padding: 0px;
		width: 58px;
		height: 58px;
		display: block;
		/*	border: 1px solid #0000FF;	*/
	}
#side_link a.twitter:link,a.twitter:active,a.twitter:visited {
		background: transparent url(../img/joint/twitter_lv.png) no-repeat 0% 0%;
	}
#side_link a.twitter:hover {
		background: transparent url(../img/joint/twitter_h.png) no-repeat 0% 0%;
	}
#side_link a.youtube:link,a.youtube:active,a.youtube:visited {
		background: transparent url(../img/joint/youtube_lv.png) no-repeat 0% 0%;
	}
#side_link a.youtube:hover {
		background: transparent url(../img/joint/youtube_h.png) no-repeat 0% 0%;
	}
#side_link a.blog:link,a.blog:active,a.blog:visited {
		background: transparent url(../img/joint/blog_lv.png) no-repeat 0% 0%;
	}
#side_link a.blog:hover {
		background: transparent url(../img/joint/blog_h.png) no-repeat 0% 0%;
	}



/*　メイン
===========================================================================*/
#main {
		margin: 0px 50px 0px 0px;
		padding: 20px 0px 0px 0px;
		_padding: 0px;
		width: 680px;
		text-align: left;
		color: #451200;
		background: transparent url(../img/joint/bg_main_top.png) no-repeat 0% 0%;
		/*	border: 1px solid #FFFF00;	*/
	}
#contents_index {
		margin: 0px 0px 0px 0px;
		padding: 0px 30px;
		_padding: 0px 15px;
		width: 620px;
		min-height: 210px;
		text-align: left;
		background: transparent url(../img/joint/bg_main.png) repeat-y 0px 0px;
		/*	border: 1px solid #FF0000;	*/
	}
#contents {
		margin: 0px 0px 0px 0px;
		padding: 10px 30px 20px 30px;
		_padding: 0px 15px;
		width: 620px;
		min-height: 550px;
		text-align: left;
		background: transparent url(../img/joint/bg_main.png) repeat-y 0px 0px;
		/*	border: 1px solid #FF0000;	*/
	}
#contents div {
		margin: 0px 20px;
	}
#contents div.half {
		margin: 0px;
		padding: 0px;
		width: 49%;
	}
#contents div.point {
		margin: 0px 5px 10px 5px;
		padding: 10px 15px;
		background: #FFFFFF;
		border-radius: 10px;
		border: 1px solid #F1DDB3
		}


#contents div.contents01 {
		margin: 0px;
		padding: 0px;
		width: 300px;
		}

#contents div.contents01 ul {
		margin: 0px 5px;
		font-size:95%;
		list-style-type: none;
		}
#contents div.contents01 p {
		margin: 0px 5px;
		}

#contents div.contents01 div.point {
		margin: 10px 0px;
		padding: 5px;
		background: #FFFFFF;
		border-radius: 10px;
		border: 1px solid #F1DDB3
		}

#contents div.contents01 div.point p {
		margin: 3px 10px;
		line-height: 1.2;
		font-size: 95%;
	}



dl.psp {
		margin: 0px 0px 0px 20px;
		padding: 10px;
		width: 280px;
		font-size:95%;
		text-align: left;
/*
		background: #E8E4DD;
		border: 3px solid #734001;
*/
	}


/* =================================================================================

footer部分指定

=================================================================================*/
#footer {
		margin: 10px 0px;
		padding: 0px 50px;
		width: 900px;
		font-size: 80%;
		text-align: left;
		color:  #FFFFFF;
		/*	border: 1px solid #0000FF;	*/
	}

/*フッタリンク
===========================================================================*/
#footer a {
		margin: 0px;
		padding: 0px 5px 0px 0px;
		text-decoration: none;
		border-right: 1px solid #FFFFFF;
	}
#footer a:link {
		color:  #FFFFFF;
	}
#footer a:visited {
		color: #dddddd;
	}
#footer a:hover, a:active {
		color: #FF0000;
	}
#footer a.none {
		margin: 0px;
		padding: 0px;
		border: none;
	}

/*商標[althi Inc.]
===========================================================================*/
#footer a.althi {
		margin: 0px 20px 0px 10px;
		padding: 0px;
		width: 50px;
		height: 60px;
		display: block;
		border: none;
	}
#footer a.althi:link,a.althi:active,a.althi:visited {
		float: left;		background: transparent url(../img/joint/althi_lv.png) no-repeat 0% 0%;
	}
#footer a.althi:hover {
		float: left;		background: transparent url(../img/joint/althi_h.png) no-repeat 0% 0%;
	}

#footer a.c_althi {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		float: right;
		border-right: none;
		}

/*製品情報
===========================================================================*/
#footer dl {
		margin: 0px 20px 0px 30px;
		padding: 0px;
		font-size: 100%;
		text-align: left;
	}
#footer dt {
		font-weight: bold;
	}

#footer .attention_y {
		color: #FFFF00;
	}
/*注意事項
===========================================================================*/
#footer ul.instructions {
		margin: 5px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		font-size: 80%;
		list-style-type: none;
 		}
#footer .instructions li {
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

/*span指定｜[althi Inc.]
===========================================================================*/
#footer span {
		padding: 0px;
		margin: 0px;
		}




/*================================================================================================
	2012.02.15 製作終了
	2010.00.00 Update
==================================================================================================*/