html{
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color: #000000; */
	color:#5F2C0D;
	background: #FFE8E5;
	/* background-image: url("../images/familyTree/application/back.jpg"); */
	font-family:'�q���M�m�p�S ProN W3','Hiragino Kaku Gothic ProN','�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
}

.spOnly{
	display:none;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #661428;
}

.h2-uservoice{
	text-align:center;
	border-top: solid 3px #661428;/*上線*/
	border-bottom: solid 3px #661428;/*下線*/
}

h1.big_title{
	width:925px;
	height:57px;
	background: url(../images/familyTree/applicationManage/big_title.png) no-repeat;
	vertical-align:middle;
	font-size:15px;
	color:#5f2c0d;
	font-weight: bold;
	padding:25px 35px;
}

h1.small_title, h2.small_title{
	width:925px;
	height:46px;
	background: url(../images/familyTree/applicationManage/small_title.png) no-repeat;
	vertical-align:middle;
	font-size:19px;
	color:#5f2c0d;
	font-weight: bold;
	padding:16px 35px;
}

h2.small_title2{
	width:925px;
	height:92px;
	background: url(../images/familyTree/applicationManage/small_title2.png) no-repeat;
	vertical-align:middle;
	font-size:19px;
	color:#5f2c0d;
	font-weight: bold;
	padding:16px 35px;
}

h3.center_title{
	width:800px;
	margin:30px auto;
	font-size:20px;
	font-weight: normal;
	text-align:center;
}

h3.square_title{
	font-size:18px;
	color:#5F2C0D;
	margin-left:30px;
	margin-top:30px;
}

img {
	border: none;
}

#slides {
	display: none;
}

.planImgGroup3 {
	width:300px;
	margin-top:10px;
	text-align:center;
}

/*
.pcOnly{
	width:0;height:0;
}
*/

a {
	color: #2E3192;
}

a:hover {
	border: none;
	text-decoration: none;
	color: #2E3192;
}

.clear { clear:both; }

/* Header */

#header{
	/* background: #661428; */
	/* height:140px; */
	width:100%;
}

#header_upper {
	background-image : url(images/familytree_en_header_background.png) ;
	background-size:100% auto;
	background-repeat: repeat;
	/* background: #5F2C0D; */;
	height:180px;
	Width:100%
}

#header_wrapper {
	width:960px;
	margin: 0 auto;
	/* padding: 10px 0; */
	}

#header_wrapper p{
	color: #FFFFFF;
	}

#header_lower {
	width: 100%;
 	height:130px;
}


#header_lower_wrapper{
	width:960px;
/* 	height:50px; */
	margin:0 auto;
	position: relative;
}

#header_title {
/* 	background: #5F2C0D;*/
/*	width:1070px;*/
}

#header p {
	margin: 0;
	line-height: normal;
	text-align: center;
}

#header a {
	color: #FFFFFF;
	border: none;
	text-decoration: none;
}

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

#header hr{
	border-width: 1px 0px 0px 0px;
   	border-style: dashed;
   	border-color: #B3B3B3;
   	height: 1px;
}
.list-center {
	width:1070px;
	height: 50px;
}

/* Logo */

#logo {
	position:absolute;
	left:20px;
	top:10px;
}

/* #header_ad {
	position:absolute;
	left:470px;
	top:10px;
	width:468px;
	height:60px;
}
 */


#header_links {
	position:absolute;
	left:100px;
	top:100px;
	width:860px;
	text-align:right;
	font-size:14px;
	color: #FFFFFF;
	font-family:'�q���M�m���� Pro W3','Hiragino Mincho Pro','�l�r �o����',serif;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header a:hover {
	border: none;
	text-decoration: underline;
	color: #FFFFFF;
}

/* Menu */

#menu {
	height: 50px;
	margin: 0 auto;
	padding: 0;
    background-color: background: #FFE8E5;;
}

.menu{
	/* font-size:18px; */
}

#menuIn {
	width: 1300px;
	margin:0 auto;
	text-align:center;
}

#menu ul {
	margin: 0;
	padding-top: 15px;
	padding-left: 30px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 50px;
	width: 150px;
	text-align: center;
	display: block;
}

/* Privacy polysy */

.Privacy-pc{
	width:800px;
	margin:0 auto;
}



/* uservoice */

.userName1{
	float:left;
}

.uservoice0Body {
	width:400px;
	text-align:center;
	margin:10px auto;
}

.uservoice0Body img{
	width:150px;
	border-style:solid;
	border-width:1px;
}

.uservoice0Body2 {
	width:560px;
	margin:0 auto;
}

.uservoice0Body2 img {
	width:560px;
}


.uservoice0Body3 {
	width:600px;
	margin:0 auto;
}


.uservoice0Body4 {
	width:560px;
	margin:0 auto;
}

.uservoice_img {
	background-image: url("../images/familyTree/applicationManage/uservoice.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size:100% auto;
	background-size:100% auto;

	width:680px;
 	height:550px;
	margin:0 auto;
	margin-bottom:30px;

}

.uservoice_img img{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.uservoiceBody {
	width:500px;
	padding-top:50px;
	margin:0 auto;
	text-align:center;
}


.uservoiceBody2 {
	width:500px;
}

.uservoiceBody3 {
	width:520px;
	font-size:14px;
}

.uservoiceBody4 {
	width:700px;
	margin:30px auto;
	font-size:16px;"
}

.uservoiceBody5 {
	width:700px;
	margin:30px auto;
}

.uservoice_title{
	width:950px;
	height:60px;
	margin:0 auto;
}

.uservoice_title2{
	width:950px;
	height:60px;
	border-top: solid 3px #661428;/*上線*/
	border-bottom: solid 3px #661428;/*下線*/
	text-align:center;
	margin:0 auto;
}

.uservoice_title3{
	width:950px;
	height:60px;
	text-align:center;
	margin:0 auto;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
}

.quality{
	text-align:center;
}

/* Content */

/* #content2{
	width:100%;
	padding: 0;
} */

#content {
	width: 960px;
	/* width:700px; */
	margin: 20px 5px 20px 5px;
	padding: 20px 10px 20px 10px;
}

.inquiry {
	width:960px;
	margin:0 auto;
}

.width70 {
	width:70%;
}



.width80 {
	width:80%;
	text-align:center;
}

.width90 {
	width:90%;
}


.sub_title {
	font-size:18px;
	color:#5F2C0D;
	margin-left:30px;
	margin-top:30px;
}

.main_character {
	width:800px;
	margin:0 auto;
	font-size:14px;
	color:#4D240A;
}

/*scroll to top*/
#scrollToTop{
	right:10px;
	bottom:20px;
	position:fixed;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #F65353;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}


#slides {
	display: none;
}

.slidesjs-pagination {
	float: right;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style:none outside none;
	list-style-type: none;
	margin-left: 0px;
	list-style-image: none;
	list-style-position: outside;
}

.slidesjs-pagination li {
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}

.slidesjs-pagination li a {
	background-image: url(images/pagination.png);
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 0px;
	width: 13px;
	padding-top: 13px;
	overflow: hidden;
}

.slidesjs-pagination li a.active,     .slidesjs-pagination li a:hover.active {
	background-position: 0px -13px;
}

.slidesjs-pagination li a:hover {
	background-position: 0px -26px;
}

.navbar {
	overflow: hidden;
}

a.slidesjs-play, a.slidesjs-stop {
	display: none;
}

a.slidesjs-play, a.slidesjs-stop {
      display:none !important;
}

table.line {
	/* width: 800px; */
	border: 2px solid #A98D74;
	border-collapse: collapse;
}

.cell01 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	text-align: center;
	width: 200px;
	height:40px;
}

.cell02 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	width: 200px;
	height:40px;
}

.cellBasic {
	color: #5F2C0D;
	background-color:#E6E6E6;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	width: 200px;
	height:40px;
}

.cellSilver {
	color: #5F2C0D;
	background-color:#E6E6E6;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	width: 200px;
	height:40px;
}

.cellGold {
	color: #5F2C0D;
	background-color:#E5D78E;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	width: 200px;
	height:40px;
}

.cellPlatinum {
	color: #5F2C0D;
	background-color:#F4ECCE;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	width: 200px;
	height:40px;
}

.cellPink {
	color: #E27979;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	width: 200px;
	height:40px;
}

.card_image {
	margin-left:10px;
	margin-right:10px;
	/* width:80px; */
	height:50px;

}

.cell03 {
	color: #5F2C0D;
	background-color: #F2BE8B;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	font-weight:bold;
	height:20px;
	width:130px;
}

.cell04 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	height:20px;
}

.cell05 {
	color: #fffafa;
	background-color: #ff6347;
	border: 2px solid #A98D74;
	font-size:15px;
	height:40px;
	width:220px;
	padding-left:20px;
}

.cell06 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:15px;
	height:40px;
	width:520px;
	padding-left:20px;
}

.cell07 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	text-align: center;
	width: 100px;
	height:40px;
}

.cell08 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:15px;
	text-align: center;
	width: 200px;
	height:40px;
}

.cell09 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:12px;
	text-align: center;
	width: 115px;
/* 	height:40px; */
}

.cell10 {
	color: #5F2C0D;
	background-color: #F7F6F0;
	border: 2px solid #A98D74;
	font-size:12px;
	/* text-align: center; */
	padding-left:20px;
	padding-right:20px;
	width: 700px;
	/* height:40px; */
}

a.researchLink {
	color:#5F2C0D;
}

a.researchLink:link {
	color:#5F2C0D;
}

a.researchLink:visited {
	color:#5F2C0D;
}
a.researchLink:hover {
	color:#5F2C0D;
}
a.researchLink:active {
	color:#5F2C0D;
}

/*�v���C�o�V�[�}�[�N�����N*/
a.privacymarkLink {
	color:#5F2C0D;
}

a.privacymarkLink:link {
	color:#5F2C0D;
}

a.privacymarkLink:visited {
	color:#5F2C0D;
}
a.privacymarkLink:hover {
	color:#5F2C0D;
}
a.privacymarkLink:active {
	color:#5F2C0D;
}


/* Footer */

#footer{
	/* background: #661428; */
	/* height:140px; */
	color: #FFFFFF;
	width:100%;
}

#footer_upper {
	background-image : url(images/familytree_en_hooter_background.png) ;
	background-size:100% auto;
	background-repeat: no-repeat;
	/* background: #5F2C0D; */
	height:180px;
	Width:100%
}

#footer_wrapper {
	width:100%;
	margin: 0 auto;
	/* padding: 10px 0; */
}

#footer p {
	margin: 0;
	line-height: normal;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
	border: none;
	text-decoration: none;
}

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

#footer hr{
	border-width: 1px 0px 0px 0px;
   	border-style: dashed;
   	border-color: #B3B3B3;
   	height: 1px;
}

#footer .sslSeal{
	float:left;
	margin-right:20px;
}

#footer_words {
	margin:20px 0 20px 0;
	font-size:12px;
}

/* question */
.group {
	margin:50px 20px 50px 20px;
}

.question {
	font-size:18px;
	margin:10px 0px 10px 0px;

}

.answer {
	font-size:14px;
	margin:10px 30px 10px 30px;
}

/* inquiry */

.inquiry-pc
{
	margin-left:90px;
}

#form_img {
	background:#f7f6f0;
	border:1px solid #5f2c0d;
	/*background-image: url("../images/familyTree/application/form_back1.png");*/
	/* zoom:0.7; */
	background-repeat: no-repeat;
	/* background-size:contain; */
	/* background-size:80% auto; */
	/* background-size: contain; */
	background-size: cover;

}


.form_character {
	margin-top:50px;
	width:939px;
	font-size:14px;
	color:#4D240A;
}



.form_character_memo {
	font-size:12px;
	color:#4D240A;
}



/* #content .entry {
	padding: 10px 40px 15px 20px;
	text-align: left;
	text-align: justify;
}

#content .box2 {
width: 504px; �{�b�N�X�̉���
background-color: transparent; ���e�̔w�i�F
border: 1px #C6C6C6 solid; �g���i�����E�F�E�X�^�C���j
margin-top:5px;
font-size:1.2em;
}

#content .box2 H4 {
background-color: #2D3541; ���o���̔w�i�F
font-size: 12pt; ���o���̕����T�C�Y
margin: 0; �X�y�[�X���폜
padding: 3px;
color: #FFFFFF;
border-bottom: 1px #C6C6C6 solid; ���o�����̘g���i�����E�F�E�X�^�C���j
}

#content .box2 P {
margin: 0; �X�y�[�X���폜
padding: 3px;
}
 */
/* Form */
/*
input[type="text"],input[type="password"] {
	border:solid 1px #ccc;
	padding:6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type="submit"] {
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
	cursor:pointer;
	padding:8px;
}*/

/* red */

.red{
	color:red;
}


span.required {
	color: red;
}

.g-recaptcha{
	/*width:304px;
	margin:0 auto;*/
}


	/*
	*	HELPER CLASSES
	*/
	.container {
		/* used for elements that should not have padding or scrollbars */
		padding:	0;
		overflow:	hidden;
	}
	.hidden {
		/* used to HIDE layout-panes until Layout initializes */
		display:	none;
	}

	/*
	 *	TAB CLASSES - STRUCTURAL, REQUIRED
	 */
	DIV#tabs { /* page-wrapper - used ONLY to 'wrap' tabButtons and tabPanels */
		position:	static	!important; /* overide UI Theme - prevent from becoming a positional wrapper */
		}
		UL#tabButtons ,
		DIV#tabPanels {
			margin:		0 !important; /* layout-panes should never have margins */
		}
		DIV#tabPanels {}
			DIV#tabs-1.tabPanel { /* container for tabLayout */
				height:		100%; /* need to 'fill' the tabPanels - layout container must have 'height' */
				/* padding:	0;    DO NOT set top- or bottom-padding because height=100% */
			}


#twitter-widgetoon-0,#twitter-widgetoon-1,#twitter-widgetoon-2,#twitter-widgetoon-3,#twitter-widgetoon-4,#twitter-widgetoon-5,#twitter-widgetoon-6,#twitter-widgetoon-7,#twitter-widgetoon-8,#twitter-widgetoon-9,#twitter-widgetoon-10 {
  height:20px!important;
}