@charset "utf-8";

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

ケータイファースト スタイルシート

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


/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#464646;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.fll {
	font-size:140%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#326496;
	text-decoration:none;
}
a:hover,
a:active {
	color:#326496;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}

.seo-area {
	height:25px;
	width:830px;
	margin:0 auto;
}
.seo-area h1 {
	float:left;
	width:530px;
	font-size:85%;
	color:#b4bec8;
	line-height:25px;
	text-align:left;
}
.seo-area .link {
	float:right;
	width:300px;
	text-align:right;
	padding-top:5px;
}
.header {
	text-align:left;
	width:830px;
	margin:0 auto;
}
.header h2 {
	float:left;
	width:415px;
	padding:10px 0;
}
.header .login {
	float:right;
	width:415px;
	padding-top:15px;
	text-align:right;
}
.header .login .trial {
	margin-right:5px;
}
.flash-area {
	background:url(../img/top_flash_bk.gif) repeat-x;
}
.flash-area .flash {
	margin:0 auto;
	padding:2px 0 0;
}
.flash-area .scroll-bar {
	width:830px;
	margin:0 auto;
	text-align:left;
	background:url(../img/information.gif) no-repeat;
	height:27px;
}
.flash-area .scroll-bar marquee {
	color:#fff;
	margin-left:95px;
	line-height:27px;
}
.title-area {
	background:url(../common/title_bk.gif) repeat-x;
}
.title-area h3 {
	width:830px;
	margin:0 auto;
}
.title-area .top-navi {
	width:830px;
	margin:0 auto;
	height:24px;
	background-color:#f0f0f0;
}
.title-area .top-navi p {
	text-align:right;
	color:#b9b9b9;
	font-size:85%;
	line-height:24px;
}
.main-area {
	width:830px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
}
.main-area .main-left {
	float:left;
	width:180px;
	padding-bottom:30px;
}
.main-area .main-right {
	float:right;
	width:630px;
	padding:23px 0 30px;
}
.main-area .main-right .main-right-i {
	border:solid 3px #d9dee3;
	background-color:#fff;
}
.main-area .main-right .main-right-next {
	border:solid 3px #d9dee3;
	margin-top:30px;
}
.main-left .menu-bar-top {
	padding-bottom:5px;
}
.main-left .menu-bar-next {
	padding-bottom:5px;
	padding-top:15px;
}
.main-left ul.left-menu {
	border:solid 3px #d9dee3;
}
.main-left ul.banner-area {
	padding-top:15px;
}
.main-left .banner-area li {
	padding-bottom:5px;
}
.main-area .bottom-box {
	border:solid 3px #d9dee3;
	background:url(../common/bottom_box_bk.gif) repeat-y 3px 0;
}
.main-area .bottom-box .bottom-box-i {
	width:824px;
}
.main-area .bottom-box .box {
	float:left;
	width:206px;
}
.main-area .bottom-box .box ul {
	padding:5px 0 15px;
}
.main-area .bottom-box .box li {
	background:url(../common/arrow_1.gif) no-repeat 10px 4px;
	padding:2px 6px 2px 20px;
	font-size:85%;
	line-height:120%;
}
.main-area .bottom-link {
	text-align:center;
	padding:50px 0 10px;
}
.main-area .bottom-link a {
	color:#0064ff;
}
.footer {
	background:url(../common/copyright_bk.gif) repeat-x;
	height:56px;
}
.footer p {
	padding-top:10px;
	color:#fff;
}
.trial-link {
	padding-top:5px;
}
.trial-link li {
	padding:1px 0 1px 13px;
	background:url(../common/arrow_2.gif) no-repeat 0 5px;
}
.copy {
	padding-bottom:6px;
}
.in {
	padding:15px 20px 50px;
}
.next-back-area {
	text-align:center;
}
.next-back-area img {
	margin:10px 5px 7px;
	vertical-align:-1px;
}

/* 共通項目 無料トライアル
--------------------------------------------------------------------*/
.main-right-trial {
	border:solid 3px #d9dee3;
	margin-top:30px;
	background-color:#fefcd9;
}
.trial-copy {
	padding-bottom:10px;
}
.trial-table {
	padding:10px 0 5px;
}
.trial-table th {
	background-color:#e6f0fa;
	border:solid 1px #c1cbd5;
}
.trial-table td {
	background-color:#fff;
	border:solid 1px #c1cbd5;
	vertical-align:middle;
}
.trial-table th p {
	color:#b4bec8;
	padding:5px;
	text-align:center;
	font-size:85%;
}
.trial-table td p {
	color:#e95711;
	padding:7px 10px;
	font-weight:bold;
}
.trial-table .text {
	color:#464646;
	font-size:85%;
	line-height:120%;
	font-weight:normal;
}
.trial-table .text span {
	color:#e95711;
}
.charge-link {
	text-align:right;
	padding-top:5px;
}
.charge-link img {
	vertical-align:middle;
	margin-right:5px;
}
.trial-btn {
	padding-top:30px;
	text-align:center;
}
.kome-beta {
	color:#e95711;
}

/* 共通項目 説明ボックス
--------------------------------------------------------------------*/
.explanation-box {
	background-color:#fafad9;
	border-left:solid 1px #dce000;
	border-right:solid 1px #dce000;
	padding:7px 10px;
}
.explanation-box .illust {
	float:left;
	width:38px;
}
.explanation-box .illust-r {
	float:right;
	width:524px;
}
.explanation-box .title {
	color:#e95711;
	font-weight:bold;
}
.explanation-box .box-text {
	padding-top:3px;
	color:#969696;
	font-size:85%;
	line-height:120%;
}

/* トップページ 
--------------------------------------------------------------------*/
#top h4.top {
	padding-top:22px;
}
#top h4.next {
	padding-top:20px;
	padding-bottom:5px;
}
#top h4.functionality {
	padding:20px 0 10px;
}
#top .main-right {
	padding-top:0;
}
#top .top-banner {
	margin-bottom:15px;
}
#top .campaign-area {
	border:solid 1px #d9dee3;
	margin-bottom:20px;
	height:1%;
}
#top .campaign-area .campaign-left {
	float:left;
	width:210px;
}
#top .campaign-area .campaign-left-i {
	border-right:solid 1px #d9dee3;
}
#top .campaign-area .campaign-right {
	float:right;
	width:208px;
}
#top .about-support-area .about-area {
	float:left;
	width:369px;
	background:url(../img/about_bk.gif) repeat-x 1px 9px;
}
#top .about-support-area .support-area {
	float:right;
	width:246px;
	background:url(../img/support_bk.gif) repeat-x 1px 9px;
}
#top .about {
	border-left:solid 1px #d9dee3;
	border-right:solid 1px #d9dee3;
	padding:0 10px 6px;
	height:1%;
}
#top .about .photo-l {
	float:left;
	width:257px;
}
#top .about .photo {
	float:right;
	width:80px;
}
#top .about .copy {
	font-weight:bold;
	padding-top:5px;
}
#top .about .copy a {
	color:#e95711;
}
#top .support {
	border-left:solid 1px #d9dee3;
	border-right:solid 1px #d9dee3;
	padding:0 10px 6px;
	height:1%;
}
#top .support .photo-l {
	float:left;
	width:134px;
}
#top .support .photo {
	float:right;
	width:80px;
}
#top .support ul {
	padding-top:5px;
}
#top .support li {
	padding:1px 0 1px 15px;
	background:url(../common/arrow_2.gif) no-repeat 0 5px;
}
#top .functionality-line {
	border-top:dotted 1px #b4bec8;
	padding-top:10px;
	margin-top:10px;
}
#top .functionality-area h5 {
	color:#009fe8;
	font-weight:bold;
	padding-bottom:5px;
}
#top .functionality-area {
	padding:0 4px 0 5px;
}
#top .functionality-area .functionality-left {
	float:left;
	width:311px;
}
#top .functionality-area .functionality-left-i {
	border-right:dotted 1px #b4bec8;
	padding-right:10px;
	background-color:#fff;
}
#top .functionality-area .functionality-right {
	float:right;
	width:310px;
}
#top .functionality-area .functionality-right-i {
	padding-left:10px;
}
#top .functionality-area .photo {
	float:left;
	width:100px;
}
#top .functionality-area .photo-r {
	float:right;
	width:200px;
}
#top .top-info-box {
	border:solid 1px #d9dee3;
	background-color:#f9fafa;
	padding:2px 10px;
}
.title {
	font-weight:bold;
	color:#c80000;
	padding-bottom:3px;
}
#top .top-info th,
#top .top-info td {
	padding:8px 0;
	border-top:dotted 1px #d3d9da;
}
#top .top-info th.top,
#top .top-info td.top {
	border-top:none !important;
}
#top .top-info th p {
	background:url(../common/arrow_5.gif) no-repeat 5px 5px;
	padding-left:17px;
	color:#b4b4b4;
}
#top .top-info td p {
	padding:0 5px;
}
#top .verisign {
	margin-top:10px;
	border:solid 1px #d9dee3;
	padding:10px 7px;
	color:#b4b4b4;
}
#top .verisign div {
	padding-left:28px;
}
#top .verisign p {
	padding:0 3px;
	font-size:85%;
	line-height:120%;
}
#top .get-flash {
	margin-top:10px;
	border:solid 1px #d9dee3;
	padding:10px;
	background-color:#f7f9fa;
	color:#b4b4b4;
}
#top .get-flash img {
	margin-bottom:5px;
}

/* ケータイファーストとは
--------------------------------------------------------------------*/
#about h5.top {
	padding:15px 0 12px;
}
#about h5.next {
	padding:30px 0 15px;
}
#about h6 {
	padding:1px 0 5px 15px;
	font-weight:bold;
	color:#e95711;
	background:url(../common/arrow_3.gif) no-repeat 0 2px;
}
#about .in {
	padding-bottom:30px;
}
#about .about-top {
	padding-right:20px;
}
#about .about-top .photo {
	float:left;
	width:200px;
}
#about .about-top .photo-r {
	float:right;
	width:404px;
	padding-top:15px;
}
#about .about-top .photo-r .text {
	padding-bottom:10px;
}
#about .about-top .box {
	background-color:#fafad9;
	border-left:solid 1px #dce000;
	border-right:solid 1px #dce000;
	padding:7px 10px;
}
#about .about-top .box .illust {
	float:left;
	width:38px;
}
#about .about-top .box .illust-r {
	float:right;
	width:344px;
}
#about .about-top .box .title {
	color:#e95711;
	font-weight:bold;
}
#about .about-top .box .box-text {
	padding-top:3px;
	color:#969696;
	font-size:85%;
	line-height:120%;
}
#about .about-in {
	padding:0 5px;
}
#about .function-area {
	padding-top:10px;
}
#about .function-area .function {
	float:left;
	width:146px;
}
#about .function-area .function-i {
	padding-right:10px;
}
#about .function-area .title {
	padding:3px 0;
	color:#e95711;
	font-weight:bold;
}
#about .function-area .function-last {
	float:right;
	width:136px;
}
#about .function-link {
	text-align:right;
	padding-top:20px;
}
#about .function-link img {
	vertical-align:middle;
	margin-right:5px;
}
#about .feature-top {
	padding:0 5px 15px;
}
#about .feature-top .photo {
	float:left;
	width:215px;
}
#about .feature-top .photo-r {
	float:right;
	width:359px;
}
#about .feature {
	padding:10px 5px;
	border-top:dotted 1px #b4bec8;
}

/* 主な機能
--------------------------------------------------------------------*/
#function h5 {
	padding:20px 0 15px;
}
#function h5.next {
	padding:35px 0 15px !important;
}
#function .function-top {
	padding:0 5px 15px;
}
#function .function-top .photo {
	float:left;
	width:215px;
}
#function .function-top .photo-r {
	float:right;
	width:359px;
}
#function .function-in {
	padding:0 5px;
}
#function .function-area {
	padding-top:10px;
}
#function .function-area .function {
	float:left;
	width:146px;
}
#function .function-area .function-i {
	padding-right:10px;
}
#function .function-area .title {
	padding:3px 0;
	color:#e95711;
	font-weight:bold;
}
#function .function-area .function-last {
	float:right;
	width:136px;
}

/* 料金体系
--------------------------------------------------------------------*/
#charge h5 {
	padding:20px 0 5px;
}
#charge .charge-top {
	padding:0 5px;
}
#charge .charge-top .photo {
	float:left;
	width:93px;
}
#charge .charge-top .photo-r {
	float:right;
	width:481px;
}
#charge .charge-in {
	padding:0 5px;
}
#charge .kome {
	padding-top:5px;
	font-size:85%;
	line-height:120%;
}
#charge .box-space {
	padding-top:30px;
}

/* オプションサービス
--------------------------------------------------------------------*/
#option h5 {
	padding:30px 0 5px;
}
#option .kome {
	color:#e95711;
	font-size:85%;
	line-height:120%;
	padding-top:5px;
}
#option .service-box {
	border:solid 1px #b4bec8;
	background-color:#f9fafa;
	padding:15px 15px 10px;
	margin-bottom:20px;
}
#option .service-area {
	width:552px;
}
#option .service-area .photo {
	float:left;
	width:95px;
}
#option .service-area .photo-r {
	float:right;
	width:457px;
}
#option .service-area .copy-text {
	color:#8dc221;
	font-size:85%;
	line-height:120%;
}
#option .service-area .title {
	font-weight:bold;
	padding-bottom:3px;
}
#option .service-area .title a {
	color:#e95711;
}
#option .service-area .kuwashiku {
	text-align:right;
	padding-top:5px;
	font-weight:bold;
}
#option .service-area .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}

/* ドメイン転送設定サービス
--------------------------------------------------------------------*/
#domain h5 {
	padding:30px 0 5px;
}
#domain h6 {
	padding:30px 5px 5px;
}
#domain .text {
	padding:0 5px;
}
#domain .price-table {
	text-align:center;
}
#domain .price-table th {
	background-color:#e6f0fa;
	border:solid 1px #c1cbd5;
}
#domain .price-table td {
	background-color:#fff;
	border:solid 1px #c1cbd5;
	vertical-align:middle;
}
#domain .price-table th p {
	color:#b4bec8;
	padding:5px;
	text-align:center;
	font-size:85%;
}
#domain .price-table td p {
	color:#e95711;
	padding:7px 10px;
	font-weight:bold;
}
#domain .price-table td p.text {
	color:#464646;
	font-weight:normal;
	text-align:left;
	font-size:85%;
	line-height:120%;
}
#domain .kome {
	padding-top:7px;
	color:#e95711;
	font-size:85%;
	line-height:120%;
}
#domain .color-normal {
	color:#464646;
}
#domain .request {
	padding-top:40px;
	text-align:center;
}

/* ケータイファースト・プレミアム
--------------------------------------------------------------------*/
#premium h5 {
	padding:20px 0 5px;
}
#premium h6 {
	padding:30px 0 5px;
}
#premium .premium-top {
	padding:0 20px 10px 0;
}
#premium .premium-top .photo {
	float:left;
	width:200px;
}
#premium .premium-top .photo-r {
	float:right;
	width:404px;
	padding-top:15px;
}
#premium .kome {
	padding-top:5px;
	color:#e95711;
	font-size:85%;
	line-height:120%;
}
#premium .premium-area {
	border-top:solid 1px #b4bec8;
	padding-top:10px;
}
#premium .premium-area .photo {
	float:left;
	width:135px;
}
#premium .premium-area .photo-r {
	float:right;
	width:449px;
}
#premium .price-table {
	text-align:center;
}
#premium .price-table th {
	background-color:#e6f0fa;
	border:solid 1px #c1cbd5;
}
#premium .price-table td {
	background-color:#fff;
	border:solid 1px #c1cbd5;
	vertical-align:middle;
}
#premium .price-table th p {
	color:#b4bec8;
	padding:5px;
	text-align:center;
	font-size:85%;
}
#premium .price-table td p {
	color:#e95711;
	padding:7px 10px;
	font-weight:bold;
}
#premium .price-table td .text {
	color:#464646;
	font-weight:normal;
	text-align:left;
}
#premium .color-normal {
	color:#464646;
}
#premium .request {
	padding:30px 0 40px;
	text-align:center;
}
#premium .request2 {
	padding-top:30px;
	text-align:center;
}
#premium .box-top {
	padding-top:20px;
}
#premium .price {
	font-weight:bold;
	color:#e95711;
}
#premium .kome2 {
	padding-top:3px;
	font-size:85%;
	line-height:120%;
	color:#969696;
}

/* 構築サイトサンプル
--------------------------------------------------------------------*/
#sample h5 {
	padding:20px 0 7px;
}
#sample h5.next {
	padding:30px 0 7px !important;
}
#sample .top-text-area {
	padding:0 5px;
}
#sample .site-sample-area {
	padding:0 5px;
}
#sample .site-sample-area .site-sample-left {
	float:left;
	width:146px;
}
#sample .site-sample-area .site-sample-left p {
	margin-right:10px;
}
#sample .site-sample-area .site-sample-right {
	float:right;
	width:136px;
}
#sample .site-sample-area .title {
	font-weight:bold;
	padding:5px 0 3px;
	color:#326496;
}
#sample .site-sample-area .companame {
	font-size:85%;
	line-height:120%;
	padding-bottom:1px;
}
#sample .site-sample-area .url {
	font-size:85%;
	line-height:120%;
	border-bottom:dotted 1px #b4bec8;
	padding-bottom:3px;
	color:#999;
}
#sample .site-sample-area .text {
	color:#787878;
	font-size:85%;
	line-height:120%;
	padding-top:4px;
}
#sample .site-sample-area .new {
	padding-bottom:3px;
	padding-left:3px;
}
#sample .site-sample-area .no-new {
	padding-bottom:13px;
}

/* よくある質問 
--------------------------------------------------------------------*/
#question .in {
	padding-bottom:10px;
}
#question .top-text {
	padding-bottom:7px;
}
#question h5 {
	padding:5px 0 5px 10px;
	border-bottom:dotted 1px #c1c4c7;
	font-weight:bold;
	color:#e95711;
	background:url(../common/arrow_3.gif) no-repeat 0 6px;
	margin-bottom:5px;
}
#question h5.next {
	margin-top:20px;
}
#question .question-list li {
	padding:1px 0 1px 17px;
	background:url(../common/arrow_2.gif) no-repeat 4px 5px;
}
#question .contact {
	text-align:right;
	padding-top:30px;
}
#question .contact img {
	vertical-align:middle;
	margin-right:5px;
}
#question .question dt {
	padding-left:10px;
	font-weight:bold;
	color:#e95711;
	background:url(../common/arrow_3.gif) no-repeat 0 1px;
	margin-bottom:5px;
	font-size:125%;
	line-height:110%;
}
#question .question dt.next {
	margin-top:8px;
}
#question .question dd {
	padding:0 0 20px 10px;
	border-bottom:dotted 1px #c1c4c7;
}
#question .page-top {
	text-align:right;
	padding-top:5px;
}
#question .page-top img {
	vertical-align:middle;
	margin-right:5px;
}

/* お問い合わせ 
--------------------------------------------------------------------*/
#form-page .in {
	padding-bottom:15px;
}
#form-page .copy {
	padding-bottom:10px;
}
#form-page .top-text {
	padding-bottom:10px;
}
#form-page ul.question {
	padding-bottom:15px;
}
#form-page .question li {
	padding-left:13px;
	background:url(../common/arrow_2.gif) no-repeat 0 4px;
}
#form-page .form-text {
	color:#e95711;
	padding-bottom:5px;
}
#form-page .attention-area {
	border:solid 1px #f4ab88;
	padding:7px 10px 10px;
	background-color:#fdf2ec;
	margin-bottom:7px;
}
#form-page .attention {
	color:#e95711;
	font-weight:bold;
	font-size:85%;
	line-height:120%;
}
#form-page .top-info {
	padding-bottom:25px;
}
#form-page .form-area table {
	border-top:dotted 1px #d3d9da;
}
#form-page .form-area th,
#form-page .form-area td {
	padding:5px 0;
	border-bottom:dotted 1px #d3d9da;
}
#form-page .form-area th {
	width:128px;
}
#form-page .form-area th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 4px;
	padding-left:25px;
	color:#646464;
}
#form-page .form-area td {
	width:452px;
}
#form-page .form-area td p {
	padding:0 10px;
}
#form-page .require {
	color:#e95711;
	padding-left:5px;
}
#form-page .require-mark {
	color:#e95711;
}
#form-page form {
	padding-bottom:15px;
}
#form-page .btn {
	padding-top:10px;
	text-align:center;
}
#form-page .kojinjouhou {
	padding-top:20px;
}
#form-page .last-info {
	text-align:center;
	padding:50px 0 100px 0;
}
#form-page .checksubdomain {
	padding-top:5px;
}
#form-page #sd_kekka {
	padding-top:5px;
	font-weight:bold;
}
#form-page #sd_kekka span {
	color:#ff0000;
}
#form-page .anq-area {
	margin:30px 10px 0;
	border:solid 1px #dce000;
	background:#f8f9cc;
	padding:10px 15px;
}
#form-page .anq-area .anq-title {
	font-weight:bold;
	color:#e95711;
	padding-bottom:7px;
}
#form-page .anq-area .question {
	font-weight:bold;
	padding-bottom:5px;
}
#form-page .anq-area .next {
	padding-bottom:7px;
	border-bottom:dotted 1px #d3d9da;
	margin-bottom:7px;
}
#form-page .verisign-area{
	text-align:center;
	padding-bottom:10px;
}
#form-page .verisign-area .text {
	font-size:85%;
	line-height:120%;
}

/* トピックス
--------------------------------------------------------------------*/
#topics .in {
	padding:5px 20px 10px;
}
#topics .topics-area .top {
	border:none !important;
}
#topics .topics-area .topics {
	padding:10px 5px;
	border-top:dotted 1px #c1c4c7;
}
#topics .topics .photo {
	float:left;
	width:165px;
}
#topics .topics .photo-r {
	float:right;
	width:408px;
}
#topics .topics .days img {
	vertical-align:middle;
	margin-left:5px;
}
#topics .topics .title {
	font-size:125%;
	line-height:130%;
	font-weight:bold;
}
#topics .topics .kuwashiku {
	text-align:right;
	padding-top:10px;
	font-weight:bold;
}
#topics .topics .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}

/* トピックス　下層（ケータイファーストオープン） 
--------------------------------------------------------------------*/
#topics-open .in {
	padding:15px 20px 150px;
}
#topics-open .title {
	font-size:125%;
	line-height:130%;
	font-weight:bold;
	color:#ff6464;
	padding:10px 0 3px;
}
#topics-open .comment-box {
	border:solid 1px #d9dee3;
	background-color:#eceef1;
	padding:7px 10px;
	margin-top:30px;
}
#topics-open .comment-box .comment .photo {
	float:left;
	width:57px;
}
#topics-open .comment-box .comment .photo-r {
	float:right;
	width:500px;
}
#topics-open .comment-box .comment .comment-title {
	padding:5px 0 4px;
}

/* トピックス　下層（キャンペーン＆開発者ソング） 
--------------------------------------------------------------------*/
#topics-song h5.top {
	padding-top:20px;
}
#topics-song h5.next {
	padding-top:40px;
	padding-bottom:8px;
}
#topics-song .float-area {
	padding-top:5px;
}
#topics-song .float-area .left-area {
	float:left;
	width:385px;
}
#topics-song .float-area .right-area {
	float:right;
	width:180px;
}
#topics-song .float-area .prayer-area {
	background:url(../topics/img/campaign_song/player.jpg) no-repeat;
	height:316px;
}
#topics-song .float-area .prayer-area-2 {
	background:url(../topics/img/developer_song/player.jpg) no-repeat;
	height:316px;
}
#topics-song .float-area .flash {
	padding-top:231px;
}
#topics-song .float-area .dl {
	text-align:center;
	padding-top:10px;
}
#topics-song .float-area .left-area .left-area-i {
	padding-left:5px;
}
#topics-song .top-copy {
	color:#009fe8;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
	padding-bottom:3px;
}
#topics-song .music-info-box {
	border:solid 1px #d9dee3;
	background-color:#eceef1;
	padding:10px;
	margin-top:15px;
}
#topics-song .music-info-box .title {
	padding-bottom:7px;
}
#topics-song .music-info-box .photo {
	float:left;
	width:92px;
}
#topics-song .music-info-box .photo-r {
	float:right;
	width:266px;
}
#topics-song .music-info-box .song-info {
	border-bottom:dotted 1px #b4bec8;
	padding:3px 0;
	margin-bottom:5px;
	font-size:85%;
	line-height:120%;
}
#topics-song .profile th,
#topics-song .profile td {
	border-bottom:dotted 1px #d2d2d2;
	padding:5px 3px;
}
#topics-song .profile th p {
	background:url(../common/arrow_2.gif) no-repeat 5px 1px;
	padding-left:18px;
	font-size:85%;
	line-height:120%;
}
#topics-song .profile td p {
	font-size:85%;
	line-height:120%;
}
#topics-song .gallery img {
	padding:0 5px;
}
#topics-song .developer-comment-space {
	padding-top:30px;
}
#topics-song .developer-comment-box {
	border:solid 1px #d9dee3;
	background-color:#eceef1;
	padding:10px;
}
#topics-song .developer-comment-box .title {
	padding-bottom:7px;
}
#topics-song .developer-comment-box .photo {
	float:left;
	width:115px;
}
#topics-song .developer-comment-box .photo-r {
	float:right;
	width:445px;
}

/* コラム
--------------------------------------------------------------------*/
#column .in {
	padding-bottom:100px;
}
#column h5 {
	padding-top:30px;
}
#column .column-list th,
#column .column-list td {
	border-bottom:dotted 1px #d2d2d2;
	padding:5px 3px;
}
#column .column-list th p {
	background:url(../common/arrow_2.gif) no-repeat 5px 4px;
	padding-left:20px;
}
#column .column-list td p {
	font-weight:bold;
}
#column .column-list td img {
	vertical-align:middle;
	margin-left:5px;
}

/* コラム 下層
--------------------------------------------------------------------*/
#column-u .column {
	padding-left:5px;
	padding-right:5px;
}
#column-u .column .title {
	font-size:125%;
	line-height:130%;
	font-weight:bold;
	color:#326496;
	padding-top:4px;
}
#column-u .column .days {
	color:#b3b3b3;
	padding-bottom:10px;
}
#column-u .column .image {
	padding-top:10px;
	text-align:center;
}
#column-u .column .text {
	padding-top:10px;
}
#column-u .other-column {
	padding-top:35px;
}
#column-u .other-column .title,
#column-u .other-column .text {
	padding-left:5px;
	padding-right:5px;
}
#column-u .other-column .title {
	font-size:125%;
	line-height:130%;
	font-weight:bold;
	color:#326496;
	padding-top:5px;
}

/* 会社概要 
--------------------------------------------------------------------*/
#company .concept {
	padding-bottom:10px;
}
#company .top-text {
	padding-bottom:7px;
}
#company .company-area th {
	padding:8px 0 8px 16px;
	border-bottom:dotted 1px #c1c4c7;
	background:url(../common/arrow_3.gif) no-repeat 6px 9px;
}
#company .company-area td {
	padding:8px 0;
	border-bottom:dotted 1px #c1c4c7;
}
#company .company-area th,
#company .company-area td {
	border-top:dotted 1px #c1c4c7;
}
#company .company-area .yakuin-l {
	float:left;
	width:100px;
}
#company .company-area .yakuin-r {
	float:right;
	width:300px;
}
#company .line {
	padding-bottom:5px;
	border-bottom:dotted 1px #c1c4c7;
	margin-bottom:5px;
}

/* パートナー
--------------------------------------------------------------------*/
#partner h5 {
	padding-bottom:10px;
}
#partner h6 {
	font-weight:bold;
	padding-bottom:7px;
}
#partner .in {
	padding-bottom:100px;
}
#partner .partner-top {
	padding-right:20px;
}
#partner .partner-top .photo {
	float:left;
	width:200px;
}
#partner .partner-top .photo-r {
	float:right;
	width:404px;
	padding-top:15px;
}
#partner .partner {
	padding:0 5px 40px;
}
#partner .partner .photo {
	float:left;
	width:130px;
}
#partner .partner .photo-r {
	float:right;
	width:444px;
	border-top:dotted 1px #d2d2d2;
}
#partner .partner th,
#partner .partner td {
	border-bottom:dotted 1px #d2d2d2;
	padding:7px 3px;
}
#partner .partner th p {
	background:url(../common/arrow_3.gif) no-repeat 5px 1px;
	padding-left:15px;
}
#partner .partner-box {
	border-left:solid 1px #dce000;
	border-right:solid 1px #dce000;
	background-color:#fafad9;
}
#partner .partner-box-i {
	padding:2px 15px 0;
}
#partner .partner-box .title {
	font-weight:bold;
	color:#e95711;
}

/* 決済について 
--------------------------------------------------------------------*/
#settlement .in {
	padding:15px 20px 10px;
}
#settlement h5.top {
	padding:30px 0 7px;
}
#settlement h5.next {
	padding:40px 0 7px;
}
#settlement .payment-area {
	padding:0 5px;
}
#settlement .card {
	padding-top:10px;
}
#settlement .qanda {
	text-align:right;
	padding-top:80px;
}
#settlement .qanda img {
	margin-right:5px;
	vertical-align:middle;
}

/* プライバシーポリシー 
--------------------------------------------------------------------*/
#privacy .top-text {
	padding-bottom:7px;
}
#privacy .privacy dt {
	border-top:dotted 1px #c1c4c7;
	padding:8px 0 2px;
	font-weight:bold;
	color:#e95711;
}
#privacy .privacy dd {
	padding-bottom:17px;
}