@charset "utf-8";

/*=====================================================
 * Style Name: TopElements
 * Style URL: ./css/site/tpg.css
 * Description: TopStylesheet
 * Version: 1.0
 * Last Up Date: 2012/08/31
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/

body{
	line-height: 1.5;
	font-size: 14px;
    color:#797978;
    background-image: url(../../img/site/bg/tpg_bg.png);
}

div#main h2{
	padding-right: 24px;
	line-height: 32px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

div#headerArea h3,
div#main h3 {
}

.tpg_top_background{
    background-image: url(../../img/site/bg/tpg_bg.png);
}
.tpg6_top_background{
    background-image: url(../../img/site/bg/tpg6_bg.png);
}

#tpg001_coin{
    color:#FF78FF;
    font-size:30px;
    text-align:center;
}

div#radiusTxt {
	padding: 8px;
	color: #8762a3;	
}
/*=====================================================
	TPG List
=====================================================*/
ul.tpgLinkList01 {
    width:100%;
    height:35px;
    list-style:none outside none;
}

ul.tpgLinkList01 li {
    padding:7px 0 7px 30px;
    color:#7C7C7A;
    background:url(img/site/top/toplist_left_bg.png) repeat-y, url(img/site/top/arrow.png) no-repeat right center;
    background-color:#fff0f1;
}

.tpg_table {
    width:100%;
    border-bottom: 2px dotted #7E7E7E;
}

.tpgContentsThumb { width: 110px; }
.tpgContentsThumb img {
    padding:10px;
    width:90px;
    vertical-align:middle;
}

.tpgContentsDetail {
    padding:10px 0px 10px 10px;
}

.tpgContentsArrow {
    text-align:right;
    vertical-align:middle;
}

#more_msg {
    margin:10px;
}

#tpg004_present{
    clear:both;
}

#tpg004_present .tpg004_img{
    float:left;
    width:20%;
    margin:5px auto;
    text-align:center;
}
#tpg004_present .tpg004_img img{
    width:95%;
    margin:5px auto;
}
#tpg004_present .tpg004_detail{
    float:left;
    width:80%;
    margin:5px auto;
    text-align:left;
    color:#000;
}


#tpgSocial div {
	padding: 5px 0;
	text-align:center
}
#tpgDesc div {
	width:300px;
	padding:10px;
	word-break:break-all;
	margin:0 auto;
}

section#tpgSocial {
	width:100%;
	border-bottom:2px solid #cccccc;
}
section#tpgDesc {
	width:100%;
}

.tpg_button_area{
    text-align:center;
}

p.tpg_caution {
	padding: 4px;
	color: #ff0000;	
}
.single_img {
    margin: 5px auto;
	text-align: center;	
}