@charset "UTF-8";

/*-------------------------------------------------------------------
全体
-------------------------------------------------------------------*/

h1, h2, h3, h4, h5, p, address, div, ul, ol, dl, blockquote, pre, table, form, fieldset, hr, td {
	margin:0;
	padding:0;
	font-family:'ＭＳ Ｐゴシック','Osaka','Arial';
	font-size:12px;
	color:#000000;
}

img {
	border:0;
}

body {
	margin:0;
	padding:0;
	background:#eaeaea repeat-x url(../images/tana_back.png);

}

#wrap {
	text-align:center;
}

#content {
	margin:0px auto;
	width:950px;
	text-align:left;
}

#header {
	width:910px;
	/width:950px; /* IE6,7 */
	padding:20px 20px 20px;
	position:relative;
}

#header .twitter_btn {
	position:absolute;
	top:25px;
	left:610px;
	/left:600px; /* IE6,7 */
}

#header .globalmenus {
	width:740px;
	height:30px;
	float:right;
	clear:both;
}

#header .globalmenu1 {
	width:380px;
	/width:402px; /* IE6,7 */
	height:30px;
	/height:34px; /* IE6,7 */
	background:#fff;
	border:#ccc 1px solid;
	padding:5px 10px 0;
	float:left;
	margin-right:5px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	text-align:center;
}

#header .globalmenu1 ul{
	list-style-type:none;
}

#header .globalmenu1 ul li{
	display:inline-block;
	/display:inline;
	vertical-align:middle;
}

#header .globalmenu1 ul li.separator{
	padding:0 10px;
}

#header .globalmenu1 ul li.separator img{
	vertical-align:middle;
}

#header .globalmenu2 {
	width:290px;
	/width:312px; /* IE6,7 */
	height:30px;
	/height:34px; /* IE6,7 */
	background:#eee;
	border:#ccc 1px solid;
	padding:5px 10px 0;
	float:right;
	margin-right:20px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	text-align:center;
}

#header .globalmenu2 ul{
	list-style-type:none;
}

#header .globalmenu2 ul li{
	display:inline-block;
	/display:inline;
	vertical-align:middle;
}

#header #title {
	padding:50px 0 0 10px;
}

#flow {
	width:850px;
	/width:892px; /* IE6,7 */
	height:600px;
	/height:642px; /* IE6,7 */
	margin:0 20px 40px;
	padding:20px;
	border:#ccc 1px solid;
	background:#fff url(../images/manual_flow_back.png) no-repeat 50px 60px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	position:relative;

}

#flow h2 {
	font-weight:bold;
	font-size:17px;
	letter-spacing:0.2em;
	margin:5px 0 20px;
}

#flow #flow_txt1 {
	width:110px;
	top:75px;
	left:152px;
	position:absolute;
	line-height:1.3em;
}

#flow #flow_txt2 {
	width:110px;
	top:75px;
	left:392px;
	position:absolute;
	line-height:1.3em;
}

#flow #flow_txt3 {
	width:110px;
	top:75px;
	left:632px;
	position:absolute;
	line-height:1.3em;
}

#flow #flow_txt4 {
	width:110px;
	top:292px;
	left:167px;
	position:absolute;
	line-height:1.3em;
}

#flow #flow_txt5 {
	width:110px;
	top:475px;
	left:167px;
	position:absolute;
	line-height:1.3em;
}

#flow #flow_icon1 {
	width:116px;
	top:180px;
	left:33px;
	position:absolute;
}

#flow #flow_icon2 {
	width:116px;
	top:180px;
	left:270px;
	position:absolute;
}

#flow #flow_icon3 {
	width:116px;
	top:180px;
	left:510px;
	position:absolute;
}

#flow #flow_icon4 {
	width:116px;
	top:275px;
	left:510px;
	position:absolute;
}

#flow #flow_icon5 {
	width:116px;
	top:180px;
	left:745px;
	position:absolute;
}

#flow #flow_icon6 {
	width:116px;
	top:350px;
	left:33px;
	position:absolute;
}

#flow #flow_icon7 {
	width:116px;
	top:533px;
	left:33px;
	position:absolute;
}

#flow #flow_icon8 {
	width:116px;
	top:533px;
	left:745px;
	position:absolute;
}

.flow_sub {
	width:850px;
	/width:892px; /* IE6,7 */
	height:420px;
	/height:462px; /* IE6,7 */
	margin:0 20px 20px;
	padding:20px;
	border:#ccc 1px solid;
	background:#fff;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	position:relative;
}

.flow_sub h2 {
	font-weight:bold;
	font-size:17px;
	letter-spacing:0.2em;
	margin:5px 0 20px;
}

.flow_exp h3 {
	font-size:15px;
	font-weight:normal;
	margin-bottom:5px;
}

.flow_exp p {
	letter-spacing:0.1em;
	line-height:1.3em;
}

.flow_ipad {
	width:478px;
	top:50px;
	left:200px;
	position:absolute;
	z-index:2;
}

.flow_pointer {
	width:478px;
	top:50px;
	left:200px;
	position:absolute;
	z-index:4;
}


#flow1_1 {
	width:190px;
	top:137px;
	left:20px;
	position:absolute;
}

#flow1_2 {
	width:190px;
	top:235px;
	left:685px;
	position:absolute;
}

#flow1_3 {
	width:190px;
	top:110px;
	left:685px;
	position:absolute;
}

#flow1_4 {
	width:190px;
	top:348px;
	left:685px;
	position:absolute;
}

#flow2_1 {
	width:190px;
	top:132px;
	left:20px;
	position:absolute;
}

#flow2_2 {
	width:190px;
	top:254px;
	left:20px;
	position:absolute;
}

#flow2_3 {
	width:190px;
	top:282px;
	left:685px;
	position:absolute;
}

#flow3_1 {
	width:190px;
	top:132px;
	left:20px;
	position:absolute;
}

#flow3_2 {
	width:190px;
	top:260px;
	left:20px;
	position:absolute;
}

#flow3_3 {
	width:190px;
	top:110px;
	left:685px;
	position:absolute;
}

#flow4_1 {
	width:190px;
	top:130px;
	left:20px;
	position:absolute;
}

#flow4_2 {
	width:190px;
	top:245px;
	left:20px;
	position:absolute;
}

#flow4_3 {
	width:190px;
	top:195px;
	left:685px;
	position:absolute;
}

#flow5_1 {
	width:190px;
	top:68px;
	left:20px;
	position:absolute;
}

#flow5_2 {
	width:190px;
	top:155px;
	left:20px;
	position:absolute;
}

#flow5_3 {
	width:190px;
	top:235px;
	left:20px;
	position:absolute;
}

#flow5_4 {
	width:190px;
	top:335px;
	left:20px;
	position:absolute;
}

#flow5_5 {
	width:190px;
	top:445px;
	left:20px;
	position:absolute;
}

#flow5_6 {
	width:190px;
	top:68px;
	left:685px;
	position:absolute;
}

#flow5_7 {
	width:190px;
	top:173px;
	left:685px;
	position:absolute;
}

#flow5_8 {
	width:190px;
	top:267px;
	left:685px;
	position:absolute;
}

#flow5_9 {
	width:190px;
	top:355px;
	left:685px;
	position:absolute;
}

#flow5_10 {
	width:190px;
	top:443px;
	left:685px;
	position:absolute;
}

#flow6_1 {
	width:190px;
	top:150px;
	left:20px;
	position:absolute;
}

#flow6_2 {
	width:190px;
	top:107px;
	left:685px;
	position:absolute;
}

#flow6_3 {
	width:190px;
	top:210px;
	left:685px;
	position:absolute;
}

#flow6_4 {
	width:190px;
	top:543px;
	left:20px;
	position:absolute;
}

#flow6_5 {
	width:190px;
	top:540px;
	left:685px;
	position:absolute;
}

#flow6_6 {
	width:190px;
	top:247px;
	left:20px;
	position:absolute;
}

#flow7_1 {
	width:190px;
	top:144px;
	left:20px;
	position:absolute;
}

#flow7_2 {
	width:190px;
	top:101px;
	left:685px;
	position:absolute;
}

#flow7_3 {
	width:190px;
	top:204px;
	left:685px;
	position:absolute;
}

#flow7_4 {
	width:190px;
	top:540px;
	left:20px;
	position:absolute;
}

#flow7_5 {
	width:190px;
	top:532px;
	left:685px;
	position:absolute;
}

#flow8_1 {
	width:190px;
	top:68px;
	left:20px;
	position:absolute;
}

#flow8_2 {
	width:190px;
	top:155px;
	left:20px;
	position:absolute;
}

#flow8_3 {
	width:190px;
	top:235px;
	left:20px;
	position:absolute;
}

#flow8_4 {
	width:190px;
	top:335px;
	left:20px;
	position:absolute;
}

#flow8_5 {
	width:190px;
	top:445px;
	left:20px;
	position:absolute;
}

#flow8_6 {
	width:190px;
	top:173px;
	left:685px;
	position:absolute;
}

#flow8_7 {
	width:190px;
	top:410px;
	left:685px;
	position:absolute;
}

.exp_catalog {
	height:500px;
	/height:542px; /* IE6,7 */
}

.exp_tana {
	height:800px;
	/height:842px; /* IE6,7 */
}

#footer {
	width:930px;
	/width:950px; /* IE6,7 */
	height:15px;
	/height:35px; /* IE6,7 */
	text-align:center;
	margin:50px 0 0;
	padding:10px;
	background:#000;
	color:#fff;
}