/* Common
---------------------------------------------------------------------------- */
@charset "UTF-8";
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, "Lucida Grande", 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
  width: 100%;
  color: #333;
  font-size: 81.25%;
  font-size: 87.5%;
  font-size: 93.8%;
}
div,
p,
dl,
dt,
dd,
ul,
li,
ol,
h1,
h2,
h3,
h4 {
  padding: 0;
  margin: 0;
}
.re h3,
.re h4,
.re h5,
.re h6,
.re strong,
.re em,
.re p {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}
#main_body.re {
  line-height: 1.7em;
}

body{
	background-image: url("../images/common/base.png");
	background-size: 100% auto;
}
#wrapper{
	position: relative;
    min-height: 100%;
    border-top: 3px solid #666;
}
.bg_wrapper {
	position: fixed;
	width:100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/base.png',sizingMethod='scale');
}
img {
  border: none;
}
a:link {
  text-decoration: none;
  color: #003399;
}
a:hover {
  text-decoration: underline;
}
ul,li { list-style-type: none; padding: 0; margin: 0; }
.link_allow {
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  display: inline;
  line-height: 1.7em;
  padding-left: 12px;
  text-indent: 20px;
}
.btn_img_mid {
  background: url("../images/common/btn_cfj.png") 0 -57px no-repeat;
  display: block;
  height: 56px;
  width: 234px;
  line-height: 54px;
  text-align: center;
  font-weight: bold;
  color: #222;
}
.btn_img_mid:hover {
  background: url("../images/common/btn_cfj.png") -240px -57px no-repeat;
  text-decoration: none;
}
/* -- text --- */
.txt_red1 {
  color: #c00;
}
.txt_normal {
  font-weight: normal;
}
.txt_bold {
  font-weight: bold;
}
.small {
  font-size: 12px!important;
}
.indent {
  margin-left: 1em;
  text-indent: -1em;
}
/* -- margin --- */
.mg_t0 {
  margin-top: 0!important;
}
.mg_t15 {
  margin-top: 15px!important;
}
.mg_b0 {
  margin-bottom: 0!important;
}
.mg_b10 {
  margin-bottom: 10px!important;
}
.mg_b15 {
  margin-bottom: 15px!important;
}
.mg_b20 {
  margin-bottom: 20px!important;
}
.mg_b30 {
  margin-bottom: 30px!important;
}
.mg_b40 {
  margin-bottom: 40px!important;
}
.mg_b50 {
  margin-bottom: 50px!important;
}
.mg_r0 {
  margin-right: 0!important;
}
.mg_l15 {
  margin-left: 15px!important;
}
.no_back {
  background: none;
}
/* -- text-align --- */
.txt_c {
  text-align: center;
}
.txt_l {
  text-align: left!important;
}
.txt_r {
  text-align: right!important;
}
/* -- float --- */
.fl_l {
  float: left;
}
.fl_r {
  float: right;
}
/* -- clear --- */
#contents:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  font-size: 0.1px;
  line-height: 0.1px;
}
.clearfix {
  display: inline-block;
  position: relative;
  /* DW */

}
.clear {
  clear: both;
}
.cf:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden;font-size: 0;}
.cf        { min-height: 1px; }
* html .cf { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.attb_red { color: #c00; }

/* -- title --- */
h3.tit_gray,
h4.tit_gray,
h5.tit_gray {
  padding: 11px 15px 12px;
  font-weight: bold;
  background: #efefef;
}
.tit_gray img {
  vertical-align: text-bottom;
}
/* --- table --- */
.re table {
  border: medium none;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px;
  width: 100%;
}
.re table th {
  text-align: center;
}
.re table.type01 th,
.re table.type01 td {
  padding: 12px 10px 11px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.re table th {
  background-color: #f1f1f1;
}
.re table th.blue {
  background-color: #eaf3ff;
}

/* Header
---------------------------------------------------------------------------- */
#header {
  float: left;
  width: 100%;
  background-color: #fff;
}
#header_top {
  float: left;
  width: 100%;
  height: 45px;
}
#header_mid {
  float: left;
  width: 100%;
  height: 72px;
}
#header_mid div {
  width: 980px;
  margin: 15px auto 0;
}
#header_mid .logo {
  display: block;
  background: url("../images/common/header.png") 0 0 no-repeat;
  width: 289px;
  height: 42px;
  float: left;
  margin: 0 0 14px 10px;
  text-indent: -9999px;
}
#header_mid .logo a {
  display: block;
  width: 289px;
  height: 42px;
}
#header_mid p {
  background: url("../images/common/header.png") 0 -40px no-repeat;
  width: 228px;
  height: 25px;
  float: left;
  margin: 0 0 0 4px;
}
#header_mid ul {
  float: right;
  list-style: none;
  margin: 8px 0 0;
}
#header_mid ul li {
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  float: left;
  line-height: 25px;
  padding: 0 10px 0 0;
  text-indent: 12px;
}
#header_mid iframe.fbLike {
  float: right;
  width: 110px;
  height: 21px;
  margin-top: 14px;
  border: none;
  overflow: hidden;
}
#header_block1 {
  clear: left;
  margin: 0 auto;
  min-height: 68px;
  position: relative;
  text-align: left;
  z-index: 1000;
  background: url("../images/common/head_bg1.gif") no-repeat scroll left bottom #ffffff;
  border: medium none;
  padding: 0 1px;
  width: 978px;
}
#header_block1 h2 {
  display: block;
  width: 78px;
  height: 38px;
  background: url("../images/common/logo.gif") no-repeat scroll 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 11px;
  left: 12px;
}
#header_block1 h2 a {
  display: block;
  width: 78px;
  height: 38px;
}
#g_menu_wrap{
    float: left;
    width: 100%;
    height: 55px;
    text-align: center;
	background: #fff;
    border-top: 2px solid #babbbb;
}
#g_menu_wrap ul{
    list-style: none;
    width: 980px;
    margin: 0 auto; 
}
#g_menu_wrap ul li{
    float: left;
    color: #fff;
    line-height: 55px;
    padding: 0;
    text-indent: -9999px;
}
#g_menu_wrap a {
  display: block;
  height: 55px;
}
#g_menu_wrap ul li.g_menu_li0 a{
    background: url("../images/common/header.png") 0 -60px no-repeat;
    width: 169px;
}
#g_menu_wrap ul li.g_menu_li0 a:hover{
    background: url("../images/common/header.png") 0 -127px no-repeat;
    width: 169px;
}
#g_menu_wrap ul li.g_menu_li1{
    background: url("../images/common/header.png") 0 -60px no-repeat;
    width: 169px;
}
#g_menu_wrap ul li.g_menu_li1 a:hover,#g_menu_wrap ul li.g_menu_li1_on{
    background: url("../images/common/header.png") 0 -127px no-repeat;
    width: 169px;
}
#g_menu_wrap ul li.g_menu_li2{
    background: url("../images/common/header.png") -169px -60px no-repeat;
    width: 180px;
}
#g_menu_wrap ul li.g_menu_li2 a:hover,#g_menu_wrap ul li.g_menu_li2_on{
    background: url("../images/common/header.png") -169px -127px no-repeat;
    width: 180px;
}
#g_menu_wrap ul li.g_menu_li3{
    background: url("../images/common/header.png") -349px -60px no-repeat;
    width: 180px;
}
#g_menu_wrap ul li.g_menu_li3 a:hover,#g_menu_wrap ul li.g_menu_li3_on{
    background: url("../images/common/header.png") -349px -127px no-repeat;
    width: 180px;
}
#g_menu_wrap ul li.g_menu_li4{
    background: url("../images/common/header.png") -529px -60px no-repeat;
    width: 150px;
}
#g_menu_wrap ul li.g_menu_li4 a:hover,#g_menu_wrap ul li.g_menu_li4_on{
    background: url("../images/common/header.png") -529px -127px no-repeat;
    width: 150px;
}
#g_menu_wrap ul li.g_menu_li5{
    background: url("../images/common/header.png") -679px -60px no-repeat;
    width: 151px;
}
#g_menu_wrap ul li.g_menu_li5 a:hover,#g_menu_wrap ul li.g_menu_li5_on{
    background: url("../images/common/header.png") -679px -127px no-repeat;
    width: 151px;
}
#g_menu_wrap ul li.g_menu_li6{
    background: url("../images/common/header.png") -830px -60px no-repeat;
    width: 150px;
}
#g_menu_wrap ul li.g_menu_li6 a:hover,#g_menu_wrap ul li.g_menu_li6_on{
    background: url("../images/common/header.png") -830px -127px no-repeat;
    width: 150px;
}

#header {
  min-height: 38px;
  _height: 38px;
}
#header div.headertop {
  border: none;
  padding: 0px 1px 6px 1px;
  background: #ffffff url(../images/common/mcHeaderBottom.png) no-repeat left bottom;
  margin: 0 auto 10px;
  width: 978px;
  min-height: 38px;
  height: 38px;
}
/* Fujitsu logo */
#header div#corporatesymbol {
  margin: 4px 10px 3px 9px;
  display: inline;
  float: left;
  width: 310px;
}
#header div#corporatesymbol p {
  margin: 0px;
  line-height: 1;
}
#header div#corporatesymbol img {
  vertical-align: bottom;
}
/* My Cloud logo */
#header div#mclogo {
  width: 626px;
}
#header div#mclogo p {
  margin: 0px;
  line-height: 1;
}
#header div#mclogo img {
  vertical-align: bottom;
}
.headerrightarea {
  margin: 9px 10px 7px 0;
  display: block;
  float: right;
  text-align: right;
  width: 626px;
}


/* Contents
---------------------------------------------------------------------------- */
#main_body{
    float: left;
    width: 100%;
    background: url(../images/common/shadow_header.png) repeat-x;
    padding: 0 0 30px;
}
#main_body .topCorner{
	width: 980px;
	background: url(../images/common/bg_main-top.png) no-repeat;
	padding-top: 5px;
	margin: 20px auto 0;
}
#main_body .btmCorner{
	background: url(../images/common/bg_main-btm.png) no-repeat left bottom;
	padding-bottom: 5px;
}
#main_body.top .btmCorner{
	width: 980px;
	margin: 0 auto;
}
#contents{
    background-color: #fff;
    padding: 45px 55px;
}
#main_body.top #contents{
	background: url(../images/top/shadow.png) repeat-x left top #fff;
	padding: 30px;
}
#contents .contents_inner{
}
/* パンくず */
#pan_list {
	width: 980px;
	padding: 20px 0;
	margin: 0 auto;
}
#pan_list ul {
  float: left;
  list-style: none;
  margin: 0 0 0 10px;
}
#pan_list ul li {
  float: left;
}
#main_body.re #pan_list {
  line-height: 1.2em!important;
}
#pan_list p {
  float: right;
  font-size: 75%;
}
#pan_list p a {
  background: url("../images/common/ico_key.gif") 0 0 no-repeat;
  text-indent: 15px;
  display: block;
}
#pan_list span {
  padding: 0 0.5em;
  text-align: center;
}
#contents  h1 {
	text-indent: -9999px;
	border-bottom: 2px solid #0096dc;
	height: 26px;
	padding-bottom: 18px;
	margin-bottom: 30px;
}
#contents h2{
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    font-weight: bold;
}
#contents h3 {
	border-left: 3px solid #0096dc;
	padding: 5px 12px;
	margin: 0 0 20px 2px;
}
#contents .sec {
	margin-bottom: 40px;
}
.l_page_top {
	text-align: right;
	padding-top: 30px;
}
.l_page_top a {
  background: url("../images/common/allow_u.gif") no-repeat scroll 0 3px transparent;
  padding-left: 15px;
}


a.btn1 {
	display: block;
	background-color: #0096dc;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url("./PIE.htc");
	padding: 10px;
}
a.btn1:hover { background-color: #00a0dc; }
a.btn1:active { background-color: #008cdc; }
a.btn2 {
	display: block;
	text-align: center;
	background-color: #d83535;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url("./PIE.htc");
	padding: 10px;
}
a.btn2:hover { background-color: #ff788c; }
a.btn2:active { background-color: #b21d2b; }
span.btn_arrow {
	display: block;
	background: url("../images/common/arrow_btn.png") no-repeat right center;
	padding: 5px 10px;
}

ul.tabBox {
	background: url("../images/common/bg_tab.png") repeat-x left bottom;
	padding-left: 40px;
	margin: 30px 0 40px;
}
ul.tabBox li {
	float: left;
	margin-right: 10px;
}
ul.tabBox li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 59px;
}
#contents h2.subtitle_download {
	text-indent: -9999px;
	background: url("../images/top/col_txt2.png") no-repeat;
	height: 17px;
	padding-bottom: 15px;
}
#contents ul.download_list li {
	float: left;
	width: 200px;
	margin-right: 7px;
}
#contents ul.download_list li.li3 { margin-right: 8px; }
#contents ul.download_list li.li1 a.btn1 { padding: 18px 10px 17px 5px; }
#contents ul.download_list li.li2 a.btn1 { padding-bottom: 9px; }
#contents ul.download_list li.li3 a.btn1 { padding: 18px 10px 18px 5px; }




/* TOPページ
---------------------------------------------------------------------------- */
.top .main {
	float: left;
	width: 614px;
}
.top .side {
	float: right;
	width: 281px;
}
.top .main .titleArea,
.top .side .titleArea {
	border-bottom: 2px solid #0096dc;
	padding-bottom: 13px;
	margin-bottom: 16px;
}
.top .main .titleArea h2,
.top .side .titleArea h2 {
	float: left;
	text-indent: -9999px;
	width: 140px;
	height: 17px;
}
.top .main .titleArea p.list {
	float: right;
	font-size: 12px;
}
.top .main .titleArea p.list a {
	background: url("../images/common/allow_r.gif") no-repeat left center;
	padding-left: 20px;
}
.top .main .block1 h2 { background: url("../images/top/col_txt1.png") no-repeat; }
.top .main .block1 li {
	margin-bottom: 15px;
}
.top .main .block1 li span.date {
	display: block;
	float: left;
	width: 144px;
}
.top .main .block1 li p {
	float: left;
	width: 470px;
}
.top .main .block1 li p span {
	color: #cc0000;
}
.top .main .block1 li p img {
	margin-left: 10px;
}
.top .main .block2 h2 { background: url("../images/top/col_txt2.png") no-repeat; }
.top .main .block2 li {
	float: left;
	width: 200px;
	margin-right: 7px;
}
.top .main .block2 li.li3 { margin-right: 0; }
.top .main .block2 li.li1 a.btn1 { padding: 18px 10px 17px 5px; }
.top .main .block2 li.li2 a.btn1 { padding-bottom: 9px; }
.top .main .block2 li.li3 a.btn1 { padding: 18px 10px 18px 5px; }

.top .side .block3 h2 { background: url("../images/top/col_txt3.png") no-repeat; }
.top .side .block3 a.btn2 {
	text-align: left;
	padding: 15px 10px 15px 3px;
}
.top .side .block4 h2 { background: url("../images/top/col_txt4.png") no-repeat; }
.top .side .block4 p {
	margin-top: 16px;
}

.top .side .block5 h2 {
	width: 100%;
	background: url("../images/top/col_txt5.png") left top no-repeat;
}


/* スマートフォン用表示 */
.top .change_block {
  width: 100%;
}
.top .change_block p {
  background: url("../sp/img/icon_sm.gif") 245px center no-repeat;
  list-style: none;
  border: 1px #ccc solid;
  width: 322px;
  margin: 30px auto 0;
  height: 3em;
}
.top .change_block p a {
  display: block;
  height: 3em;
  text-align: center;
  width: 100%;
  line-height: 3em;
}


/* TOP メインビジュアル
----------------------*/
#slide {
  width: 980px;
  height: 385px;
  position: relative;
  margin: 0 auto;
  background: url("../images/common/shadow_header.png") repeat-x #fff;
}
#slide #list li {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  background: url("../images/common/shadow_header.png") repeat-x #fff;
  display: none;
}
#slide #list li a {
  text-indent: -9999px;
}
#slide #navi {
  position: absolute;
  bottom: 10px;
  left: 450px;
  font-size: 12px;
}
#slide #navi li {
  float: left;
  font-size: 0;
  line-height: 0;
  margin-right: 10px;
  list-style: none;
  text-indent: -9999px;
}
#slide #navi li a {
  display: block;
  background: url("../images/top/main_imgbut.png") -29px 0 no-repeat;
  padding: 0;
  width: 15px;
  height: 15px;
}
#slide #navi li a.current,
#slide #navi li a:hover {
  background: url("../images/top/main_imgbut.png") 0 0 repeat;
}
.list_no1 a {
  position: absolute;
  background: none;
  width: 213px;
  height: 213px;
  top: 49px;
  right: 15px;
  padding: 0;
  display: block;
  margin: 0;
}
.list_no2 a {

}
.list_no3 a {
  position: absolute;
  background: none;
  width: 335px;
  height: 60px;
  bottom: 26px;
  right: 18px;
  display: block;
}

/* My Cloud ライブラリーの利用環境について
---------------------------------------------------------------------------- */
.environment h1 {
  background: url("../images/environment/title.gif") 0 0 no-repeat;
}
#contents.environment h2 {
  font-size: 120%;
  margin: 0 0 30px 20px;
}
.en_block1 {
  float: left;
  background: #eaf3ff;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  margin: 0 0 30px 20px;
}
.en_block1 img {
  vertical-align: middle;
}
.en_block1_l {
  float: left;
  width: 150px;
  border-top: 1px #ccc solid;
  line-height: 1.7em;
  padding: 7px 20px;
  font-weight: normal;
}
.en_block1_r {
  float: left;
}
.en_block1_r dl {
  float: left;
  background: #f1f1f1;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
}
.en_block1_r dl dt {
  border-top: 1px solid #CCCCCC;
  clear: both;
  float: left;
  line-height: 1.7em;
  padding: 7px 20px;
  width: 79px;
}
.en_block1_r dl dd {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  float: left;
  line-height: 1.7em;
  padding: 7px 20px;
  width: 470px;
}
.en_block1_r dl dd span {
  color: #999;
  font-size: 86%;
  line-height: 1.2em;
}
.en_block1 h4 {
  display: block;
  width: 821px;
  line-height: 3em;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  text-indent: 12px;
  font-size: 110%;
}
.en_block1 h4.env_title1 {
  background: url("../images/environment/env_ico1.png") no-repeat scroll 180px center transparent;
}
.en_block1 h4.env_title2 {
  background: url("../images/environment/env_ico2.png") 250px center no-repeat;
}
.en_block1 h4.env_title3 {
  background: url("../images/environment/env_ico2.png") 350px center no-repeat;
}
.env_txt1 {
  float: left;
  margin-left: 30px;
  width: 830px;
}


/* 過去一覧
---------------------------------------------------------------------------- */
.news h1 {
  background: url("../images/news/title.gif") 0 0 no-repeat;
}
#contents.news h3 {
	border: 0;
  border-bottom: 1px solid #ccc;
  margin: 0 auto 20px;
  padding: 0 0 10px;
  width: 780px;
}
.news h4 {
  background: none repeat scroll 0 0 #EFEFEF;
  display: block;
  float: left;
  height: 45px;
  line-height: 45px;
  margin: 0 0 15px;
  text-indent: 20px;
  width: 780px;
  font-size: 14px;
}
.date_list {
	line-height: 1.7em;
	width: 780px;
	margin: 0 auto;
}

.date_list dt {
  margin: 15px 0 8px 0;
}
.date_list dt.low0 {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.date_list dd {
}
.date_list dd div {
  margin: 0 0 20px 20px;
  width: 760px;
}
.date_list dd table {
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  /*float: right;*/
  margin: 0 0 20px;
}
.date_list dd table th {
  background: none repeat scroll 0 0 #EAF3FF;
  height: 41px;
  line-height: 41px;
  text-align: center;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
}
.date_list dd table td {
  width: 94px;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-weight: bold;
  padding:6px;
}

.date_list dd .zei table {
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  float: right;
  margin: 0 0 20px;
}
.date_list dd .zei table th {
  background: none repeat scroll 0 0 #EAF3FF;
  height: 41px;
  line-height: 41px;
  text-align: center;
  border-left: 1px #ccc solid;
  border-top: 1px #ccc solid;
}
.date_list dd.zei table td {
  width: auto;
  height: auto;
  font-weight: normal;
  padding:2px;
  line-height:30px;
}

.date_list dd.low0 {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.date_list dd img {
  vertical-align: text-bottom;
}
.l_page_top_news {
  margin-left: 115px;
  width: 775px;
}
.l_page_top_news a {
  width: 113px;
}
span.link_allow {
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  display: inline;
  line-height: 1.7em;
  padding-left: 12px;
  text-indent: 20px;
}
.date_list ul {
  margin-left: 17px;
  line-height: 1.7em;
}
.date_list li {
  vertical-align: bottom;
}


/* サイトマップ
---------------------------------------------------------------------------- */
.sitemap h1 {
  background: url("../images/sitemap/title.gif") 0 0 no-repeat;
}
.help_block_l {
  float: left;
  width: 380px;
  margin: 0 20px 0 90px;
}
.help_block_r {
  float: left;
  width: 380px;
}
.ul_sitemap {
  width: 380px;
  list-style: none;
  margin: 0 0 30px 20px;
}
.ul_sitemap li {
  background: url("../images/common/allow_r.gif") 0 center no-repeat;
  line-height: 3em;
  text-indent: 1em;
}
.platform {
  border: 1px solid #AAAAAA;
  float: left;
  margin: 0 0 0 105px;
  *margin: 20px 0 0 105px;
  padding: 0 0 15px;
  width: 778px;
}
.platform h4 {
  border-bottom: 1px solid #CCCCCC;
  float: left;
  line-height: 45px;
  margin: 0 0 10px 20px;
  width: 740px;
}
.platform ul {
  float: left;
  width: 740px;
  list-style: none;
  line-height: 1.7em;
  margin: 0 0 0 20px;
}
.platform ul li {
  float: left;
  background: url("../images/common/allow_r.gif") 0 center no-repeat;
  text-indent: 12px;
  width: 350px;
  margin: 0 0 5px;
}
.platform ul li.platli_l {
  clear: both;
}
.l_page_top_sitemap {
  margin-left: 92px;
  width: 780px;
}
.l_page_top_sitemap a {
  width: 113px;
}


/* よくある質問
---------------------------------------------------------------------------- */
.faq h1 {
  background: url("../images/faq/title.gif") 0 0 no-repeat;
}
.faq_mb_l {
	float: left;
	width: 220px;
}
.cat_b { position: relative; }
.cat_b2 { top: 340px; }
#contents.faq .faq_mb_l .cat_b1 h3,
#contents.faq .faq_mb_l .cat_b2 h3 {
	color: #fff;
	border: 0;
	height: 53px;
	line-height: 45px;
	font-weight: bold;
	font-size: 100%;
	text-indent: 10px;
	width: 220px;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 10;
}
.faq_mb_l .cat_b h3 a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#contents.faq .faq_mb_l .cat_b1 h3 { background: url("../images/faq/side_menu1.png") 0 center no-repeat; }
#contents.faq .faq_mb_l .cat_b2 h3 { background: url("../images/faq/side_menu2.png") 0 center no-repeat; }
.cat_b ul {
	list-style: none;
	background: #f6f6f6;
	position: absolute;
	top: 53px;
	z-index: 20;
}
.cat_b li {
	background: url("../images/common/allow_r1.gif") no-repeat scroll 1em 10px transparent;
	border-top: 1px solid #FFFFFF;
	font-size: 95%;
	line-height: 2em;
	margin: 0;
	padding: 0 0 0 2em;
}
.cat_b li:hover { background: url("../images/common/allow_r2.gif") #666666 no-repeat scroll 1em 10px; }
.cat_b li:hover a { color: #fff; }


.faq_mb_r {
	float: right;
	width: 630px;
}
.help_p_title1 {
	width: 100%;
	font-weight: bold;
	margin: 30px 0;
	font-size: 125%;
}
.faq_page_menu {
	background: none repeat scroll 0 0 #EAF3FF;
	list-style: none outside none;
	margin: 0 0 45px;
	padding: 15px 0;
}
.faq_page_menu li {
	background: url("../images/help/allow_d.gif") no-repeat scroll 0 12px transparent;
	float: left;
	line-height: 2em;
	margin: 0 10px 0 0;
	padding-left: 14px;
	width: 270px;
	margin-left: 15px;
}
.faq .l_page_top {
  width: 100%;
  margin: 50px 0 13px 0;
}
.faq_mb_r div.trigger {
	background: url("../images/faq/faqblock_head.png") no-repeat scroll 0 0 transparent;
	height: 59px;
	line-height: 51px;
	margin: 0;
	width: 630px;
	position: relative;
}
.faq_mb_r h4 {
	background: none;
	line-height: 51px;
	margin-left: 60px;
	*font-size: 110%;
}
.help_mb_r h4.long_txt,
.help_mb_r h4.long_txt2 {
	font-size: 87%;
	line-height: 1.5em;
	width: 550px;
	padding-top: 7px;
	padding-right: 20px;
}


.faq_atxt {
	background: url("../images/faq/faq_icoa.png") no-repeat scroll 10px 10px transparent;
	width: 628px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	min-height: 50px;
}
.faq_atxt a.arrow {
	background: url("../images/common/allow_r.png") no-repeat 0 center;
	padding-left: 15px;
	margin-left: 10px;
}
.faq_block_bottom {
	background: url("../images/faq/faqblock_bottom.png") no-repeat scroll 0 0 transparent;
	width: 630px;
	height: 10px;
	margin: 0 0 20px;
}
.faq_mb_r .faq_atxt p {
  line-height: 1.7em;
  padding: 13px 30px 0 55px;
}
.faq_mb_r .faq_atxt p.faq_txts1 {
  text-indent: -10px;
}
.faq_mb_r .faq_atxt p.attn1 {
  font-size: 87%;
  line-height: 1.9em;
  margin: 0 0 0 84px;
  text-indent: -1em;
}
.faq_mb_r .faq_atxt p.attn1 span {
  font-weight: bold;
}
.faq_mb_r .faq_atxt p.faq_txt_a {
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  line-height: 1.2em;
	padding: 0 0 0 15px;
	margin: 10px 0 0 70px;
}
.faq_mb_r .faq_atxt p img {
  margin: 10px 0 0 0;
}
.faq_mb_r .faq_atxt ul {
  line-height: 1.8em;
  list-style: disc inside none;
  margin: 0 0 0 70px;
}
.faq_mb_r .faq_atxt p.faq_atxt_ptitle {
  border-bottom: 1px dotted #CCCCCC;
  font-weight: bold;
	padding: 0;
  margin: 13px 0 5px 70px;
  width: 530px;
}
.faq_atxt dl {
  font-size: 95%;
  line-height: 1.7em;
  margin: 0 0 0 70px;
}
.faq_atxt dl dt {
  clear: both;
	float: left;
  text-align: right;
  width: 20px;
}
.faq_atxt dl dd {
  margin: 0;
  float: left;
	padding: 0 0 10px;
  width: 510px;
}
.faq_atxt dl.faq_atxt_env {
  width: 600px;
}
.faq_atxt dl.faq_atxt_env dt {
  clear: both;
  font-weight: bold;
  text-align: left;
  width: 100%;
}
.faq_atxt dl.faq_atxt_env dd {
  clear: both;
}
.faq_atxt dl.faq_atxt_env2 {
  margin: 0 0 0 10px;
}
.faq_atxt dl.faq_atxt_env2 img {
  margin: 6px 0;
}

.faqranking {
margin: 24px 0px 0px 0px;
background-color: #DDEEFF;
border: 1px solid #58687E;
}

.faqranking p {
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
line-height: 1.2em;
border-bottom: none;
background-color: #58687E;
margin: 0px 0px 12px 0px;
padding: 10px;
background-image: none;
}
.faqranking ul {
margin: 0px 0px 12px 5px;
padding: 0px;
font-weight: bold;
}
.faqranking li {
list-style: none;
background-repeat: no-repeat;
background-position: 0px;
margin: 4px 0px;
padding: 6px 0px 6px 6px;
border-bottom: 1px dotted #999999;
}

/* 特定商取引法に基づく表記
---------------------------------------------------------------------------- */
.law h1 {
  background: url("../images/law/title.gif") 0 0 no-repeat;
}
#contents.law h3 {
  background: none repeat scroll 0 0 #EFEFEF;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  line-height: 45px;
  margin: 40px auto 0;
  text-indent: 1.2em;
  width: 778px;
}
.law_txt1 {
  width: 800px;
  margin: 20px 0 30px 105px;
}
.law dl {
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 1.7em;
  width: 802px;
  margin: 0 auto 30px;
}
.law dl dt {
  border-top: 1px solid #CCCCCC;
  clear: both;
  float: left;
  font-weight: bold;
  padding: 10px 12px;
  width: 198px;
  font-size: 93%;
}
.law dl dd {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  float: left;
  padding: 10px 0 10px 13px;
  width: 566px;
  font-size: 93%;
}
.law dl dd ul {
  margin: 0 0 0 10px;
  width: 95%;
}
.law dl dd span {
  color: #c00;
}
.l_page_top_law {
  margin-left: 92px;
  width: 780px;
}
.l_page_top_law a {
  width: 113px;
}
.txt_row2 {
  min-height: 48px;
}
/* サービス利用規約
---------------------------------------------------------------------------- */
.terms h1 {
  background: url("../images/terms/title.gif") 0 0 no-repeat;
}
.terms2 h1 {
  background: url("../images/terms/title2.gif") 0 0 no-repeat;
}
.terms_txt1 {
  width: 780px;
  margin: 20px auto 30px;
  line-height: 1.8em;
}
#contents.terms h3 {
  width: 780px;
  line-height: 45px;
  text-indent: 1.5em;
  border: 0;
  background: #efefef;
  margin: 0 auto 15px;
  font-size: 110%;
}
.terms ul.terms_list,
.terms ul.terms_list2 {
  line-height: 1.7em;
  margin: 0 auto 20px;
  width: 750px;
}
.terms ul.terms_list li {
  list-style: decimal outside;
  margin: 0 0 13px;
  clear: both;
}
.terms ul.terms_list ul {
  list-style: decimal outside;
  margin: 0 0 20px 16px;
}
.terms ul.terms_list ul li {
  list-style: none;
  margin: 0;
  text-indent: -1.2em;
}
.terms ul.terms_list2 li {
  list-style: none outside;
  clear: both;
}
.terms_p1 {
  line-height: 1.7em;
  margin: 0 auto 20px;
  width: 760px;
}
.terms_p2 {
  line-height: 1.7em;
  margin: 0 auto 10px;
  width: 760px;
}
.terms_p3 {
  line-height: 1.7em;
  margin: 0 auto 15px;
  width: 780px;
}
.l_page_top_terms {
  margin: 0 auto;
  width: 780px;
}
.l_page_top_terms a {
  width: 113px;
}
.terms ul.terms_list table {
  margin: 0;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.terms ul.terms_list table th {
  padding: 3px 3px;
  text-align: left;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0;
}
.terms ul.terms_list table td {
  text-align: center;
  padding: 3px 3px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0;
}
.terms ul.terms_list table th.col_txt1 {
  text-align: center;
}
/* お問い合わせ
---------------------------------------------------------------------------- */
.contact h1 {
  background: url("../images/contact/title.gif") 0 0 no-repeat;
}
.contact .block {
	width: 780px;
	margin: 0 auto;
}
.contact .block .txt1 { margin-bottom: 30px; }
.contact .block .txt2 { margin-bottom: 20px; }
.contact_btn a {
  background: url("../images/contact/contact_btn.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 56px;
  line-height: 50px;
  margin: 0 auto 20px;
  text-align: center;
  text-indent: -1em;
  width: 236px;
  font-weight: bold;
  color: #222;
}
.contact_btn a:hover {
  background: url("../images/contact/contact_btn.png") no-repeat scroll -238px 0 transparent;
  text-decoration: none;
}
.contact_btn div {
  color: #CC0000;
  font-size: 85%;
  line-height: 1.8em;
  text-align: center;
}



/* My Cloud ライブラリーについて
---------------------------------------------------------------------------- */
.about h1 {
	background: url("../images/about/title.png") no-repeat;
}
.about h1#dvd {
	background: url("../images/about/title_dvd.png") no-repeat;
}

.about ul.tabBox li a { width: 390px; }
.about ul.tabBox li.tab1 a { background: url("../images/about/tab1.png") no-repeat; }
.about ul.tabBox li.tab1 a:hover,
.about ul.tabBox li.tab1 a.active { background: url("../images/about/tab1_on.png") no-repeat; }
.about ul.tabBox li.tab2 a { background: url("../images/about/tab2.png") no-repeat; }
.about ul.tabBox li.tab2 a:hover,
.about ul.tabBox li.tab2 a.active { background: url("../images/about/tab2_on.png") no-repeat; }

.about .block0 h2 {
	text-indent: -9999px;
	background: url("../images/about/text.png") no-repeat 16px center #f1f1f1;
	border-left: 3px solid #0096dc;
	height: 21px;
	padding: 14px 16px;
	margin-bottom: 30px;
}
.about .visual {
	text-align: center;
	margin: 30px 0;
}
.about .block1 table {
  clear: both;
  border: 1px #ccc solid;
  border-collapse: collapse;
  line-height: 1.4em;
  width: 100%;
  margin: 10px 0;
}
.about .block1 table th,
.about .block1 table td {
	vertical-align: top;
	border: 1px #ccc solid;
	padding: 10px;
}
.about .block1 table th {
	color: #fff;
	font-weight: normal;
	background-color: #0096dc;
}
.about .block1 table th.size01 { width: 230px; }
.about .block1 table td.size02 { width: 95px; }
.about .block1 table td.area { background-color: #d9effa; }
.about .block1 table td.center { text-align: center; }
.about .block1 table td span { color: #c00; }
.about .block1 p.tr {
	text-align: right;
}
.about .block1 p.tr span {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 20px;
}
.about .block1 img.fr {
	float: right;
	margin: 0 18px 5px;
}
.about .block1 .btn {
	width: 280px;
	margin: 20px 0 0 590px;
}


.about .block2 table {
	width: auto;
  border: 1px #ccc solid;
  border-collapse: collapse;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.about .block2 th,
.about .block2 td { border: 1px #ccc solid; padding: 10px 0 10px 10px; }
.about .block2 table th { text-align: left; font-weight: normal; }
.about .block2 td.color_b { color: #fff; background: #008dd8;}
.about .block2 td.color_a { background: #d9effa; }

.about .block2 table .tbl_middl { margin: 8px 0 0 18px; border: 0; }
.about .block2 table .tbl_2 { margin: 7px 0 0 18px; border: 0; }
.about .block2 table .size01 { width: 279px; }
.about .block2 table .size02 { width: 221px; }
.about .block2 table .size03 { width: 168px; }
.about .block2 table .size04 { width: 100px; }
.about .block2 table .td_align1 { text-align: center; }
.about .block2 table td.pad_btm0 { padding-bottom: 0; }
.about .block2 table th.brd_btm0,
.about .block2 table td.brd_btm0 { border-bottom: 0; }
.about .block2 table td.brd_rgt0 { border-right: 0; }

/*
.about .block2 table .size02 { width: 237px\9; }
.about .block2 table .tbl_middl,
.about .block2 table .tbl_2 { margin-left: 19px \0/; }
.about .block2 table .tbl_middl,
.about .block2 table .tbl_2 { margin-left: 19px\9; }
*/

.about .block3 {
	padding: 30px 0;
}
.about .block3 div {
	float: right;
	width: 280px;
	margin-left: 30px;
}
.about1_b2 {
  width: 940px;
  float: left;
}
.about_wrap .outline {
  float: left;
  width: 920px;
  margin: 0 0 30px 48px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #eef7ff;
}
.about_wrap .outline .read {
  margin: 14px 0 18px;
}
.about1_b3 h4,
.about1_b6 h4 {
  line-height: 45px;
  background: #efefef;
  text-indent: 1.2em;
}
.about1_b3 p {
  float: left;
  line-height: 1.7em;
  margin: 20px 0 25px 20px;
}
p.about1_b_attn {
	clear: both;
	font-size: 84%;
	padding: 20px 0;
}
.about1_b5 {
  border: 1px solid #CC0000;
  font-size: 90%;
  line-height: 1.7em;
  margin: 0;
  padding: 10px;
}
.about1_b5 h4 {
  color: #CC0000;
}
.about_pay {
  border: 1px solid #aaa;
  padding: 5px 20px 15px;
}
.about_pay h4 {
  border-bottom: 1px solid #CCCCCC;
  line-height: 45px;
  margin-bottom: 10px;
}
.about_pay p {
  line-height: 1.7em;
}
.about_pay img,
.about2_b4 img {
  margin: 15px 0 0 0;
}

.about .arrow {
	background: url("../images/common/allow_r.png") no-repeat 0 center;
	padding-left: 15px;
	margin-left: 10px;
}

/* フォトブック作成サービスについて
---------------------------------------------------------------------------- */
#contents.photobook .block0 h2 {
	text-indent: -9999px;
	background: url("../images/about/text2.png") no-repeat 16px center #f1f1f1;
	border-left: 3px solid #0096dc;
	height: 21px;
	padding: 14px 16px;
	margin-bottom: 30px;
}
.photobook .visual { margin-bottom: 0; }
.about .block5 .visual { margin-bottom: 20px; }
.about .block5 p.caution {
	font-size: 12px;
	margin: 10px 0 20px;
}
.about .block6 ul {
	background: url("../images/about/bg_flow.png") no-repeat center center #d9effa;
	height: 100px;
	padding-top: 13px;
}
.about .block6 ul li {
	float: left;
	text-align: center;
	padding-top: 30px;
}
.about .block6 ul li.f1 { width: 143px; padding-left: 25px; }
.about .block6 ul li.f2 { width: 138px; }
.about .block6 ul li.f3 { width: 133px; }
.about .block6 ul li.f4 { width: 150px; }
.about .block6 ul li.f5 { width: 106px; padding-right: 10px; }
.about .block6 ul li.f6 { width: 140px; padding-right: 25px; }
.about .flow1 h4,
.about .flow2 h4,
.about .flow3 h4,
.about .flow4 h4,
.about .flow5 h4,
.about .flow6 h4 {
	text-indent: -9999px;
	height: 62px;
}
.about .flow1 h4 { background: url("../images/about/flow1.png") no-repeat; }
.about .flow2 h4 { background: url("../images/about/flow2.png") no-repeat; }
.about .flow3 h4 { background: url("../images/about/flow3.png") no-repeat; }
.about .flow4 h4 { background: url("../images/about/flow4.png") no-repeat; }
.about .flow5 h4 { background: url("../images/about/flow5.png") no-repeat; }
.about .flow6 h4 { background: url("../images/about/flow6.png") no-repeat; }
.about .flow1 .inner,
.about .flow2 .inner,
.about .flow3 .inner,
.about .flow4 .inner,
.about .flow5 .inner,
.about .flow6 .inner {
	border: 2px solid #dedede;
	border-top: 0;
	padding: 28px;
	margin-bottom: 25px;
}
.about .flow1 .inner .txt,
.about .flow2 .inner .txt,
.about .flow3 .inner .txt,
.about .flow4 .inner .txt,
.about .flow5 .inner .txt,
.about .flow6 .inner .txt {
	float: left;
	width: 520px;
	padding-right: 25px;
}
.about .flow1 .inner .txt p,
.about .flow2 .inner .txt p,
.about .flow3 .inner .txt p,
.about .flow4 .inner .txt p,
.about .flow5 .inner .txt p,
.about .flow6 .inner .txt p {
	padding-bottom: 15px;
}
.about .flow2 .inner .txt .caution {
	margin-top: 20px;
}

.photobook table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 95%;
}
.photobook table th {
  background: #f1f1f1;
  border-right: 1px solid #ccc;
  width: 165px;
  line-height: 41px;
  text-align: center;
  font-size: 95%;
}
.photobook table td {
  border-right: 1px solid #ccc;
  width: 165px;
  line-height: 41px;
  text-align: center;
  font-size: 95%;
  border-top: 1px #ccc solid;
}
.photobook table th.first {
  border-top: 1px solid #ccc;
  width: 88px;
}
.photobook table th.first_no {
  border-top: none;
}
.photobook table th.first_c {
  background: #eaf3ff;
  line-height: 1.7em;
}
.photobook table td.cell_big {
  line-height: 1.7em;
}
.photobook table td.cell_big p {
  float: left;
  margin: 0 0 10px 20px;
  text-align: left;
}
.photobook table td.cell_big span {
  display: block;
  text-indent: -9px;
  font-size: 12px;
  margin: 0 0 0 20px;
}
.td_even {
  background: #faf7f3;
}
.photobook .arrow_r {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}

/* アプリダウンロード
---------------------------------------------------------------------------- */
.app h1 {
	background: url("../images/app/title.png") no-repeat;
}
.app ul.tabBox li a { width: 190px; height: 53px; }
.app ul.tabBox li.tab1 a { background: url("../images/app/tab1.png") no-repeat; }
.app ul.tabBox li.tab1 a:hover,
.app ul.tabBox li.tab1 a.active { background: url("../images/app/tab1_on.png") no-repeat; }
.app ul.tabBox li.tab2 a { background: url("../images/app/tab2.png") no-repeat; }
.app ul.tabBox li.tab2 a:hover,
.app ul.tabBox li.tab2 a.active { background: url("../images/app/tab2_on.png") no-repeat; }
.app ul.tabBox li.tab3 a { background: url("../images/app/tab3.png") no-repeat; }
.app ul.tabBox li.tab3 a:hover,
.app ul.tabBox li.tab3 a.active { background: url("../images/app/tab3_on.png") no-repeat; }
.app ul.tabBox li.tab4 a { background: url("../images/app/tab4.png") no-repeat; }
.app ul.tabBox li.tab4 a:hover,
.app ul.tabBox li.tab4 a.active { background: url("../images/app/tab4_on.png") no-repeat; }

.app .win8 h2 {
	text-indent: -9999px;
	background: url("../images/app/title_win8.png") no-repeat;
	height: 80px;
	margin-bottom: 20px;
}
.app .win7 h2 {
	text-indent: -9999px;
	background: url("../images/app/title_win7.png") no-repeat;
	height: 80px;
	margin-bottom: 20px;
}
.app .android h2 {
	text-indent: -9999px;
	background: url("../images/app/title_android.png") no-repeat;
	height: 81px;
	margin-bottom: 20px;
}

.app .ios h2 {
	text-indent: -9999px;
	background: url("../images/app/title_ios.png") no-repeat;
	height: 81px;
	margin-bottom: 20px;
}

.app .block1 .left { float: left; width: 425px; }
.app .block1 .allow {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}

.app .block1 .desc { padding: 30px 0; border-bottom: 1px solid #ccc; }
.app .block1 .box { padding: 40px 0 0; }
.app .block1 ol li {
	list-style-type: decimal;
	margin: 0 0 10px 25px;
}
.app .block1 .right { float: right; text-align: center; width: 420px; }
.app .block1 .right p { color: #777; font-size: 12px; margin: 20px 0; }
.app .block1 .right p span { display: block; margin-bottom: 10px; }
.app .block1 .right p a {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}
.app .block1 .right .btn a.btn1 {
	width: 180px;
	margin: 30px auto 0;
}

.app .block2 table { border-collapse: collapse; width: 600px; }
.app .block2 table th,
.app .block2 table td {
	border: 1px solid #ccc;
	padding: 8px 15px;
}
.app .block2 table th {
	text-align: center;
	font-weight: bold;
	background-color: #eaf3ff;
}
.app .block2 table th.head_th {
	text-align: left;
	background-color: #f1f1f1;
}
.app .block3 p.caution { color: #c00; margin-bottom: 20px; }
.app .block4 ul li {
	float: left;
	width: 270px;
	margin-right: 30px;
}
.app .block4 ul li p { color: #777; font-size: 12px; }
.app .block4 ul li p strong {
	display: block;
	color: #000;
	font-size: 14px;
	margin: 20px 0 10px;
}
.app .block4 ul li.none { margin: 0; }

#contents.app_down h2 {
  background: none repeat scroll 0 0 transparent;
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
  margin: 0 0 20px;
  text-indent: 0;
  width: 100%;
  height: auto;
}
.app_down_dl {
  width: 100%;
  margin: 0 0 20px;
}
.app_down_dl dt {
  line-height: 2em;
  width: 100%;
  font-weight: bold;
}
.app_down_dl dd {
  width: 100%;
  line-height: 1.7em;
  padding: 0 0 15px 15px;
}
.app_down_dl dd img {
  margin: 15px 0;
}
.app_down ul {
  line-height: 1.9em;
  list-style: none outside none;
  margin: 0 0 20px;
  width: 100%;
}
.app_down .app_down_ul span,
.app_down_dl span {
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  display: inline;
  line-height: 12px;
  padding-left: 12px;
  text-indent: 20px;
}
.app_down .btndlArea a {
  display: block;
  margin: 0 10px 0 0;
}
.app_down .btndlArea img {
  margin: 0!important;
}


/* サポート
---------------------------------------------------------------------------- */
.support h1 {
	background: url("../images/support/title.png") no-repeat;
}
.support .block1 { margin: 40px 0; }
.support .block2 ul { margin-top: 20px; }
.support .block2 ul li {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding: 5px 0 5px 15px;
}


/* マニュアル
---------------------------------------------------------------------------- */
.manual h1 {
	background: url("../images/support/manual/title.png") no-repeat;
}
#contents.manual h2 {
	font-size: 18px;
	height: 42px;
	padding: 20px 0 0 110px;
	margin: 0;
}
.manual .block1 h2 { background: url("../images/support/manual/subtitle1.png") no-repeat; }
.manual .block2 h2 { background: url("../images/support/manual/subtitle2.png") no-repeat; }
.manual .block3 h2 { background: url("../images/support/manual/subtitle3.png") no-repeat; }
.manual .block1 { margin-top: 30px; }
.manual .block .inner {
	border: 2px solid #dedede;
	border-top: 0;
	padding: 35px;
}
.manual .block .list {
	width: 580px;
	margin: 0 auto;
}
.manual .block .list .isshiki {
	display: inline;
	background: url("../images/support/manual/icon.png") no-repeat left center;
	padding-left: 30px;
}
.manual .block .list .caution {
	border-top: 1px solid #dedede;
	padding: 20px 0 30px 20px;
	margin-top: 20px;
}
.manual .block .list ol { width: 250px; padding: 0 20px; }
.manual .block .list ol.left { float: left; }
.manual .block .list ol.right { float: right; }
.manual .block .list ol li { margin-bottom: 5px; }
.manual .block .list ol li span {
	display: inline;
	background: url("../images/support/manual/icon.png") no-repeat left center;
	padding-left: 30px;
}


/* アプリの使い方
---------------------------------------------------------------------------- */
.guide .win8 h1 { background: url("../images/support/guide/title_win8.png") no-repeat; }
.guide .win7 h1 { background: url("../images/support/guide/title_win7.png") no-repeat; }
.guide .android h1 { background: url("../images/support/guide/title_android.png") no-repeat; }
.guide .ios h1 { background: url("../images/support/guide/title_ios.png") no-repeat; }
.guide p.tr { text-align: right; }
.guide .block0 {
	background-color: #d9effa;
	padding: 20px;
	margin: 20px 0;
}
.guide .block0 ul {
	background: url("../images/support/guide/flow.jpg") no-repeat;
	height: 185px;
}
.guide .block0 li { float: left; padding-top: 20px; }
.guide .block0 li.step1 {
	width: 256px;
	padding-left: 20px;
}
.guide .block0 li.step2 {
	width: 242px;
	padding-left: 34px;
}
.guide .block0 li.step3 {
	width: 226px;
	padding-left: 50px;
}
.guide .block0 li a {
	background: url("../images/support/guide/arrow_u.png") no-repeat right center;
	padding-right: 20px;
}
.guide .block1 .txt { float: left; width: 550px; }
.guide .block1 .btn { float: right; width: 200px; }

.guide .block1,
.guide .block2,
.guide .block3 {
	margin-top: 30px;
}
#contents.guide .block1 h2,
#contents.guide .block2 h2,
#contents.guide .block3 h2 {
	font-size: 16px;
	border-left: 3px solid #0096dc;
	padding: 5px 12px;
	margin: 0 0 30px;
}
#contents.guide .block1 h3,
#contents.guide .block2 h3,
#contents.guide .block3 h3 {
	font-size: 14px;
	border-left:0;
	padding: 0;
	margin: 30px 0 0;
}
#contents.guide .block1 .txt h3 { margin-top: 0; }


#contents.guide .block1 p,
#contents.guide .block2 p,
#contents.guide .block3 p {
	line-height: 1.8em;
	padding-top: 25px;
	padding-bottom: 15px;
}
.guide .block1 .box,
.guide .block2 .box,
.guide .block3 .box {
	padding-left: 25px;
}
.guide .caution1 {
	color: #c00;
	border: 1px solid #c00;
	padding: 10px 20px;
	margin: 30px 0;
}
#contents.guide .caution1 p { padding: 5px 0; }
.guide .caution1 p.center { text-align: center; }
.guide .btn_red a { width: 280px; margin-left: 568px; }
#contents.guide .caution2 { padding: 30px 0 0 25px; }
.guide .arrow_r {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}




#contents.guide .block_download h2 {
	color: #0096dc;
	font-size: 16px;
	padding-bottom: 20px;
}
.guide .block_download li {
	float: left;
	width: 200px;
	margin-right: 7px;
}
.guide .block_download li.li3 { margin-right: 8px; }
.guide .block_download li.li1 a.btn1,
.guide .win8 .block0 .btn a.btn1 { padding: 18px 10px 17px 5px; }
.guide .block_download li.li2 a.btn1,
.guide .win7 .block0 .btn a.btn1 { padding-bottom: 9px; }
.guide .block_download li.li3 a.btn1,
.guide .android .block0 .btn a.btn1 { padding: 18px 10px 18px 5px; }

/* 便利ワザ 20131001追加
---------------------------------------------------------------------------- */
.tips .android h1 { background: url("../images/support/tips/title_android.png") no-repeat; }
.tips p.tr { text-align: right; }
.tips .block0 {
	background-color: #d9effa;
	padding: 20px;
	margin: 20px 0;
}
.tips .block0 ul {
	background: url("../images/support/tips/flow.jpg") no-repeat;
	height: 185px;
}
.tips .block0 li { float: left; padding-top: 20px; }
.tips .block0 li.step1 {
	width: 256px;
	padding-left: 20px;
}
.tips .block0 li.step2 {
	width: 242px;
	padding-left: 34px;
}
.tips .block0 li.step3 {
	width: 226px;
	padding-left: 50px;
}
.tips .block0 li a {
	background: url("../images/support/tips/arrow_u.png") no-repeat right center;
	padding-right: 20px;
}
.tips .block1 .txt { float: left; width: 550px; }
.tips .block1 .btn { float: right; width: 200px; }

.tips .block1,
.tips .block2,
.tips .block3 {
	margin-top: 30px;
}
#contents.tips .block1 h2,
#contents.tips .block2 h2,
#contents.tips .block3 h2 {
	font-size: 16px;
	border-left: 3px solid #0096dc;
	padding: 5px 12px;
}
#contents.tips .block1 h3,
#contents.tips .block2 h3,
#contents.tips .block3 h3 {
	font-size: 14px;
	border-left:0;
	padding: 0;
	margin: 30px 0 0;
}
#contents.tips .block1 .txt h3 { margin-top: 0; }


#contents.tips .block1 p,
#contents.tips .block2 p,
#contents.tips .block3 p {
	line-height: 1.8em;
	padding-top: 25px;
	padding-bottom: 15px;
}
.tips .block1 .box,
.tips .block2 .box,
.tips .block3 .box {
	padding-left: 25px;
}
.tips .caution1 {
	color: #c00;
	border: 1px solid #c00;
	padding: 10px 20px;
	margin: 30px 0;
}
#contents.tips .caution1 p { padding: 5px 0; }
.tips .caution1 p.center { text-align: center; }
.tips .btn_red a { width: 280px; margin-left: 568px; }
#contents.tips .caution2 { padding: 30px 0 0 25px; }
.tips .arrow_r {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}




#contents.tips .block_download h2 {
	color: #0096dc;
	font-size: 16px;
	padding-bottom: 20px;
}
.tips .block_download li {
	float: left;
	width: 200px;
	margin-right: 7px;
}


/* 活用方法（元：キャンペーン）
---------------------------------------------------------------------------- */
.use h1 {
	background: url("../images/utilization/title.png") no-repeat;
}
.use .block1 {
	position: relative;
	background: url("../images/utilization/bg_special1.jpg") no-repeat;
	width: 810px;
	height: 320px;
	margin: 0 auto;
}
.use .block2 {
	position: relative;
	background: url("../images/utilization/bg_special2.jpg") no-repeat;
	width: 810px;
	height: 320px;
	margin: 0 auto;
}
.use .block1 p,
.use .block2 p {
	position: absolute;
	left: 245px;
	top: 135px;
	width: 490px;
	background: url("../images/utilization/line_text.png");
	line-height: 30px;
}
.use a p {
	color: #333;
}
.use .block1 div,
.use .block2 div {
	position: absolute;
	right: 78px;
	bottom: 12px;
}

.use .block0 {
	margin:10px 0px 30px 30px;
}
.use ul { margin-top: 20px; }
.use ul li {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding: 5px 0 5px 15px;
}

.campaign h1 {
  background: url("../images/campaign/title.gif") 0 0 no-repeat;
  width: 344px;
  height: 29px;
  display: block;
  float: left;
  text-indent: -9999px;
}

.campaign_block {
  float: left;
  width: 780px;
}
.campaign_block1 {
  margin: 0 0 0 108px;
}
.campaign_block1 h4 {
  float: left;
  display: block;
  border: 1px #ccc solid;
  border-bottom: none;
  line-height: 41px;
  text-indent: 14px;
  font-weight: bold;
  width: 778px;
  background: #f1f1f1;
}
.campaign_block1 dl {
  float: left;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  background: #fff7c6;
}
.campaign_block1 dl dt {
  float: left;
  clear: both;
  width: 129px;
  border-top: 1px #ccc solid;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.5em;
}
.campaign_block1 dl dd {
  float: left;
  width: 628px;
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
  padding: 10px 0;
  line-height: 1.5em;
  background: #fff;
  padding-left: 20px;
}
.campaign_block1 span {
  color: #f00;
  font-size: 90%;
}
.campaign_block2 {
  float: left;
  line-height: 1.7em;
  margin: 50px 0;
  text-align: center;
  width: 100%;
}
.campaign_block2 a.camp_btn {
  background: url("../images/common/btn_cfj.png") no-repeat scroll 0 0 transparent;
  color: #333333;
  display: block;
  height: 56px;
  line-height: 56px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 309px;
  font-weight: bold;
}
.campaign_block2 a.camp_btn:hover {
  background: url("../images/common/btn_cfj.png") -310px 0 no-repeat;
  text-decoration: none;
}
.campaign_block2 input {
  background: url("../images/common/btn_cfj.png") no-repeat scroll 0 -289px transparent;
  color: #FFFFFF;
  display: block;
  font-size: 96%;
  height: 56px;
  line-height: 53px;
  text-align: center;
  text-indent: -2em;
  width: 284px;
  text-decoration: none;
  font-weight: bold;
  margin: 0 auto 20px;
  padding: 0;
  border: 0;
}
.campaign_block2 input:hover {
  background: url("../images/common/btn_cfj.png") no-repeat scroll -288px -289px transparent;
  cursor: pointer;
}
.campaign_block2 p {
  margin: 6px auto;
  text-align: center;
  width: 780px;
  line-height: 1.7em;
}
.campaign_block3 {
  border: 1px solid #CCCCCC;
  float: left;
  width: 778px;
  margin: 0 0 0 108px;
  *height: 465px;
  *height: 210px;
}
.campaign_block3 h4 {
  border-bottom: 1px solid #CCCCCC;
  color: #CC0000;
  float: left;
  font-weight: bold;
  margin: 20px 0 0 18px;
  padding: 0 0 10px;
  width: 96%;
}
.campaign_block3 ul {
  float: left;
  margin: 15px 0 0 35px;
  *width: 730px;
  *height: 351px;
  *height: 114px;
}
.campaign_block3 ul li {
  clear: both;
  float: left;
  line-height: 1.7em;
  margin: 0 0 10px;
  *width: 730px;
  *list-style: disc outside none;
  *list-style-type: disc;
}
.campaign_block3 ul li span {
  display: none;
  *display: inline;
  *font-weight: bold;
}
.campaign_block3 p {
  float: left;
  line-height: 1.7em;
  margin: 10px 0 10px 18px;
  width: 96%;
}
.campaign_block3 div {
  float: left;
  width: 100%;
}
.campaign_block3 div a {
  float: left;
  display: block;
  background: url("../images/common/allow_r.gif") no-repeat scroll 0 center transparent;
  line-height: 1.5em;
  height: 1.5em;
  text-indent: 12px;
  margin: 0 0 0 22px;
}
.campaign_block4 {
  background: url("../images/campaign/taser_img4.jpg") no-repeat scroll 0 0 transparent;
  float: left;
  width: 988px;
  margin: 0 0 30px -5px;
  height: 330px;
  position: relative;
}
.campaign_block4 a {
  background: url("../images/common/btn_cfj.png") no-repeat scroll 0 0 transparent;
  color: #333333;
  display: block;
  height: 56px;
  line-height: 56px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 309px;
  font-weight: bold;
  position: absolute;
  top: 230px;
  left: 76px;
}
.campaign_block4 a:hover {
  background: url("../images/common/btn_cfj.png") -310px 0 no-repeat;
  text-decoration: none;
}


/* ScanSnap 連携機能
---------------------------------------------------------------------------- */
.scansnap h1#scansnaptop {
	background: url("../images/utilization/scansnap/title.png") no-repeat;
}

.scansnap h1#scansnap01 {
	background: url("../images/utilization/scansnap/title_scansnap-01.png") no-repeat;
}

.scansnap h1#scansnap02 {
	background: url("../images/utilization/scansnap/title_scansnap-02.png") no-repeat;
}

.scansnap p {
	margin-bottom: 20px;
	line-height: 1.6;
}

#contents.scansnap h2.accent {
	background-color: #f1f1f1;
	border-left: 3px solid #0096dc;
	padding: 13px 12px;
	margin: 0 0 20px 2px;
	font-size: 120% !important;
}

.scansnap h3 .textsmall {
	font-size: 80%;
}

.scansnap .roundedbox {
	width: 820px;
	padding: 15px 23px;
	border: #dedede 2px solid;
	border-top: 0 none;
	margin-bottom: 30px;
}

.scansnap .roundedbox p {
	margin-bottom: 10px;
}

.scansnap ul.notes {
	font-size: 87%;
	line-height: 1.6;
}

.scansnap ul.disc li {
	font-size: 87%;
	line-height: 1.6;
	list-style: disc;
	margin-left: 1.5em; 
}

.scansnap .block {
	margin-bottom: 30px;
}

.scansnap .floatbox {
	clear: both;
	width: 100%;
}

.scansnap .left {
	float: left;
	margin-right: 20px;
}

.scansnap .right {
	overflow: hidden;
	/zoom: 1;
}

.scansnap .right p {
	width: 100%;
}

.scansnap .col3layout .col {
	width: 250px;
	float: left;
	margin-right: 18px;
}

.scansnap .col3layout .lastcol {
	margin-right: 0;
}

.scansnap ul.linklist { margin-top: 20px; }

.scansnap ul.linklist li {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding: 5px 0 5px 15px;
}

.scansnap .box {
	padding-left: 25px;
	margin-bottom: 30px;
}

.scansnap a.arrow {
	background: url("../images/common/allow_r.png") no-repeat 0 center;
	padding-left: 15px;
	margin-left: 10px;
}

.scansnap .textindent {
	padding-left: 1.5em;
}

.scansnap .linetop {
	padding-top: 10px;
	border-top: #CCC 1px solid;
}

.scansnap .l_page_top {
	margin-bottom: 5px;
}

.scansnap img.blank {
	margin-left: 5px;
}

/* 機能バージョンアップ
---------------------------------------------------------------------------- */
.versionup h1 { background: url("../images/versionup/title_versionup.png") no-repeat; }
.versionup p.tr { text-align: right; }
.versionup .block0 {
	background-color: #d9effa;
	padding: 20px;
	margin: 20px 0;
}

.versionup .block1 .txt { float: left; width: 550px; }
.versionup .block1 .btn { float: right; width: 200px; }

.versionup .block1,
.versionup .block2,
.versionup .block3 {
	margin-top: 30px;
}
#contents.versionup .block1 h2,
#contents.versionup .block2 h2,
#contents.versionup .block3 h2 {
	font-size: 16px;
	border-left: 3px solid #0096dc;
	padding: 5px 12px;
	margin: 0 0 30px;
}
#contents.versionup .block1 h3,
#contents.versionup .block2 h3,
#contents.versionup .block3 h3 {
	font-size: 14px;
	border-left:0;
	padding: 0;
	margin: 30px 0 0;
}
#contents.versionup .block1 .txt h3 { margin-top: 0; }


#contents.versionup .block1 p,
#contents.versionup .block2 p,
#contents.versionup .block3 p {
	line-height: 1.8em;
	padding-top: 25px;
	padding-bottom: 15px;
}
.versionup .block1 .box,
.versionup .block2 .box,
.versionup .block3 .box {
	padding-left: 25px;
}
.versionup .caution1 {
	color: #c00;
	border: 1px solid #c00;
	padding: 10px 20px;
	margin: 30px 0;
}

.versionup .arrow_r {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}

/* フォトブック 20140204追加
---------------------------------------------------------------------------- */
.photobook_s .save h1 { background: url("../images/support/photobook/title_save.png") no-repeat; }
.photobook_s p.tr { text-align: right; }
.photobook_s .block0 {
	background-color: #d9effa;
	padding: 20px;
	margin: 20px 0;
}
.photobook_s .block1 .txt { float: left; width: 550px; }
.photobook_s .block1 .btn { float: right; width: 200px; }

.photobook_s .block1,
.photobook_s .block2,
.photobook_s .block3 {
	margin-top: 30px;
}
#contents.photobook_s .block1 h2,
#contents.photobook_s .block2 h2,
#contents.photobook_s .block3 h2 {
	font-size: 16px;
	border-left: 3px solid #0096dc;
	padding: 5px 12px;
}
#contents.photobook_s .block1 h3,
#contents.photobook_s .block2 h3,
#contents.photobook_s .block3 h3 {
	font-size: 14px;
	border-left:0;
	padding: 0;
	margin: 30px 0 0;
}
#contents.photobook_s .block1 .txt h3 { margin-top: 0; }


#contents.photobook_s .block1 p,
#contents.photobook_s .block2 p,
#contents.photobook_s .block3 p {
	line-height: 1.8em;
	padding-top: 25px;
	padding-bottom: 15px;
}
.photobook_s .block1 .box,
.photobook_s .block2 .box,
.photobook_s .block3 .box {
	padding-left: 25px;
}
.photobook_s .caution1 {
	color: #c00;
	border: 1px solid #c00;
	padding: 10px 20px;
	margin: 30px 0;
}
#contents.photobook_s .caution1 p { padding: 5px 0; }
.photobook_s .caution1 p.center { text-align: center; }
.photobook_s .btn_red a { width: 280px; margin-left: 568px; }
#contents.photobook_s .caution2 { padding: 30px 0 0 25px; }
.photobook_s .arrow_r {
	background: url("../images/common/allow_r.png") no-repeat left center;
	padding-left: 15px;
}

/* Footer
---------------------------------------------------------------------------- */
.page_top{
    float: none;
    text-align: right;
    width: 980px;
    margin: 30px auto 0;
}
.page_top a{
    background: url("../images/common/allow_u.png") no-repeat scroll 0 3px transparent;
    display: block;
    float: right;
    line-height: 1em;
    text-align: left;
    text-indent: 15px;
    width: 130px;
}
#footer{
    position: relative;
    height: 54px;
    margin-top: -54px;
    width: 100%;
    float: left;
	margin-top: 10px;
}
#footer1{
    float: left;
    width: 100%;
    height: 53px;
    border-top:1px solid #b4b4b4;
    background: #f1f1f1;
    text-align: center;
    font-size:89%;
}
#footer2 {
  border-top: 3px solid #345445;
  border-bottom: 1px solid #4c4c4c;
  height: 44px;
  float: left;
  width: 100%;
  background: #666;
  text-align: center;
}
#footer_menu1 {
  width: 1050px;
  margin: 16px auto 0 auto;
}
#footer_menu1 p {
  float: right;
  width: 197px;
  height: 14px;
  background: url("../images/common/copyright.png") 0 0 no-repeat;
  text-indent: -9999px;
}
#footer_menu1 p a {
  display: block;
  width: 197px;
  height: 14px;
  text-indent: -9999px;
}
#footer_menu2 {
  width: 980px;
  margin: 16px auto 0 auto;
  color: #fff;
}
#footer_menu2 a {
  color: #fff;
  text-decoration: none;
}
#footer_menu2 a:hover {
  text-decoration: underline;
}
#footer ul {
  float: left;
}
#footer ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0 5px;
  font-size: 95%;
  line-height: 1.2em;
  border-left: 1px solid #ccc;
}
#footer ul li.footer_li1 {
  border: none;
}
#footer_menu2 p {
  float: right;
  line-height: 1em;
}
#footer #footer2 ul li {
  border: none;
}