/******

201301 guardenal renewal
root element = #guardenalContent
prefix = gr

******/

/*title*/
#guardenalContent {
 padding-bottom: 50px;
 color: #333333;
}
#guardenalContent .grHeader {
 margin-bottom: 23px;
}
#guardenalContent .grHeader h1 {
 float: left;
}
#guardenalContent .grHeader .grHeaderSection {
 float: right;
 width: 355px;
}
#guardenalContent .grHeader .grHeaderSection ul {
 margin-top: 10px;
}
#guardenalContent .grHeader .grHeaderSection .grHeaderBanner {
 margin-top: 7px;
 text-align: right;
}
#guardenalContent .grHeader .grHeaderSection li {
 float: left;
}
#guardenalContent .grHeader .grHeaderSection li.even {
 float: right;
}
/*visual*/
#guardenalContent #grVisualUnit {
 margin-bottom: 28px;
 border: 3px solid #CCCCCC;
}
#guardenalContent #grVisual {
 position: relative;
 overflow: hidden;
 width: 744px;
 height: 454px;
}
#guardenalContent #grVisual h2 {
 position: absolute;
 left: 118px;
 top: 187px;
 z-index: 20;
}
#guardenalContent #grVisualInner {
 position: absolute;
 width: 1488px;
 z-index: 10;
}
#guardenalContent #grVisual .box {
 float: left;
}
/*top3col*/
#guardenalContent .grTop3col {
 margin-bottom: 37px;
}
#guardenalContent .grTop3col .box {
 position: relative;
 float: left;
 width: 190px;
}
#guardenalContent .grTop3col .first {
 margin-right: 9px;
 width: 350px;
}
#guardenalContent .grTop3col .last {
 float: right;
}
#guardenalContent .grTop3col .box a {
 position: relative;
 display: block;
 z-index: 100;
 left: 0;
 top: 0;
 zoom: 1;
 height: 230px;
}

#guardenalContent #grSlideA {
 background: url("../images/add/top/about.gif") 0 0 no-repeat;
 height: 230px;
}

#guardenalContent #grSlideB {
 background: url("../images/add/top/mainte.gif") 0 0 no-repeat;
 height: 230px;
}

#guardenalContent #grSlideC {
 background: url("../images/add/top/durability.gif") 0 0 no-repeat;
 height: 230px;
}
#guardenalContent .grTop3col .box span.unit {
 display: block;
 overflow: hidden;
 position: absolute;
 left: 5px;
 top: 5px;
 width: 337px;
 height: 170px;
 z-index: 10;
}
#guardenalContent .grIn {
 height: 340px;
 display: block;
}
#guardenalContent .grTop3col .box span span {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 10;
}
#guardenalContent .grTop3col .first span.unit {
 left: 7px;
 top: 6px;
}
/*lineup*/
#guardenalContent #grLineup {
 position: relative;
}
#guardenalContent .grLineupHdg {
 margin-bottom: 20px;
}
#guardenalContent #grLineup .main {
 margin-left: 44px;
 width: 665px;
 overflow: hidden;
}
#guardenalContent #grLineup .box {
 float: left;
 margin-right: 25px;
 width: 205px;
 font-size: 12px;
 text-align: center;
}
#guardenalContent #grLineup .box img {
 margin-bottom: 10px;
}
#guardenalContent #grLineup .box a:link,
#guardenalContent #grLineup .box a:visited,
#guardenalContent .grLineupList a:link,
#guardenalContent .grLineupList a:visited  {
 color: #333;
 text-decoration: none;
}
#guardenalContent #grLineup .prev,
#guardenalContent #grLineup .next {
 position: absolute;
 display: block;
 background: url(../images/add/top/prev.gif) 0 0 no-repeat;
 width: 34px;
 height: 34px;
 overflow: hidden;
 text-indent: -9999px;
 top: 60px;
 left: 0;
}
#guardenalContent #grLineup .next {
 background: url(../images/add/top/next.gif) 0 0 no-repeat;
 left: 718px;
}
#guardenalContent #grLineup .prevDisable,
#guardenalContent #grLineup .nextDisable {
 background-position: 0 100%;
}
/*nav*/
#guardenalContent #grNav {
 margin-bottom: 23px;
}
#guardenalContent #grNav li {
 float: left;
}
/*grUnit*/
#guardenalContent .grUnit {
 padding: 12px 10px;
 border: 10px solid #F0F0F0;
}
#guardenalContent .grUnitSp {
 padding: 12px 0 12px 10px;
 border: 10px solid #F0F0F0;
}
#guardenalContent .grUnitFull {
 border: 10px solid #F0F0F0;
}
#guardenalContent .grUnit .grUnitTitle {
 background: none;
 margin-bottom: 25px;
 padding: 0;
 border: 0;
}
#guardenalContent .grUnit .grUnitTitleA {
 background: url(../images/add/dotte.gif) 0 100% repeat-x;
 margin-bottom: 11px;
 padding: 0 0 1px 0;
 border: 0;
}
#guardenalContent .grUnit .grUnitHdg {
 margin-bottom: 10px;
 border-bottom: 2px solid #157F7B;
 position:relative;/*2016.08.23　タイトル横テキスト*/
}
	/*2016.08.23　タイトル横テキスト*/
	#guardenalContent .grUnit .grUnitHdg p {
		position:absolute;
		right:0;
		bottom:7px;
		color: #CC0000;
	}
#guardenalContent .grTab {
 background: url(../images/add/dotte.gif) 0 100% repeat-x;
 margin-bottom: 20px;
 padding-bottom: 1px;
}
#guardenalContent .grTab ul {
 background: url(../images/add/tab_bg.gif) 0 100% repeat-x;
}
#guardenalContent .grTab li {
 float: left;
 width: 234px;
 border: 1px solid #FBFBFC;
 border-bottom: 0;
 *width: 168px;
}

#guardenalContent .grTab li img{
	vertical-align:middle;
}

#guardenalContent .grTab li.grTab2 {
 width: 235px;
 *width: 235px;
}
#guardenalContent .grTab li a {
 display: block;
 padding: 14px 0;
 border: 1px solid #F4F4F5;
 border-bottom: 0;
 text-align: center;
}
#guardenalContent .grTab li a:link,
#guardenalContent .grTab li a:visited {
 color: #999;
 text-decoration: none;
}
#guardenalContent .grTab li.current a:link,
#guardenalContent .grTab li.current a:visited,
#guardenalContent .grTab li a:hover {
 background: #10A4AD;
 border: 1px solid #BCE3E6;
 color: #FFF;
 text-decoration: none;
}
#guardenalContent .grUnitInner {
 padding: 0 5px;
}
#guardenalContent .grFullUnitInner {
 padding: 0 15px;
}
#guardenalContent .grLead {
 margin-bottom: 40px;
 padding: 0 5px;
}
#guardenalContent .grLeadAdjust {
 padding-top: 10px;
}
#guardenalContent .grUnitSHdg {
 margin-bottom: 6px;
 color: #13BFCA;
 font-size: 14px;
}
#guardenalContent .grUnit2Col,
#guardenalContent .grUnit3Col {
 margin-top: 4px;
 margin-bottom: 15px;
}
#guardenalContent .grUnit2Col .box {
 float: left;
 width: 290px;
}
#guardenalContent .grUnit3Col .box {
 float: left;
 width: 210px;
 margin-right: 25px;
}
#guardenalContent .grUnit2Col .grYori {
 width: 310px;
}
#guardenalContent .grUnit2Col .last,
#guardenalContent .grUnit3Col .last {
 float: right;
 margin-right: 0;
}
#guardenalContent .grUnit2Col .last p {
 padding-right: 30px;
}
#guardenalContent .grUnit2Col .center {
 text-align: : center;
}
#guardenalContent .grFooterButton {
 background: #F0F0F0;
 padding: 7px;
 border: 1px solid #DFDFDF;
}
#guardenalContent .grFooterButton ul,
#guardenalContent .grFooterButton li {
 float: left;
}
#guardenalContent .grFooterButton ul {
 width: 352px;
}
#guardenalContent .grFooterButton li.even,
#guardenalContent .grFooterBanner {
 float: right;
}
#guardenalContent .grRBtn {
 float: right;
}
#guardenalContent .grFLowTab {
 background-color: #E8F7F5;
 margin-bottom: 50px;
 padding: 10px;
}
#guardenalContent .grFLowNav p {
 display: inline;
}
#guardenalContent .grFLowTab p {
 padding-bottom: 4px;
}
#guardenalContent .grFLowTab .on a:link,
#guardenalContent .grFLowTab .on a:visited,
#guardenalContent .grSortnav a:link,
#guardenalContent .grSortnav a:visited {
 color: #000 !important;
 text-decoration: none !important;
}
#guardenalContent .grFLowTab img {
vertical-align: middle;
}
#guardenalContent .grFadeImages,
#guardenalContent .grFadeImages1 {
 position: relative;
 height: 399px;
}
#guardenalContent .grFadeImages img,
#guardenalContent .grFadeImages1 img {
 position: absolute;
 left: 0;
 top: 0;
 display: none;
}
#guardenalContent .grFadeImages .grItemS,
#guardenalContent .grFadeImages1 .grItemS {
 display: block;
}
#guardenalContent .grToScroll {
 text-align: center;
 display: block;
 width: 670px;
 outline: none;
}
#guardenalContent .unitGrToScrollTop {
 margin-bottom: 35px;
 height: 18px;
}
#guardenalContent .unitGrToScrollBtm {
 margin-bottom: 30px;
 height: 18px;
}
#guardenalContent .grItem {
 margin-bottom: 10px;
}
#guardenalContent .grItemMD {
 margin-bottom: 15px;
}
#guardenalContent .grItemM {
 margin-bottom: 20px;
}
#guardenalContent .grItemH {
 margin-bottom: 30px;
}
#guardenalContent .grCVisual {
 margin-bottom: 5px;
 text-align: center;
}
#guardenalContent .grcvisualFull {
 margin-bottom: 24px;
}
#guardenalContent .grCBigPhoto {
 margin-bottom: 8px;
 text-align: center;
}
#guardenalContent .grCBigPhotoH {
/* margin-bottom: 20px;*/
 text-align: center;
}
#guardenalContent .grToggle {
 position: relative;
 background-color: #F6F6F6;
 width: 280px;
 margin-bottom: 20px;
 border: 1px solid #CFD0CA;
 z-index: 1;
 overflow: hidden;
}
#guardenalContent .grToggleInner {
 border: 1px solid #FFFFFF;
}
#guardenalContent .grEdge {
 display: block;
 position: absolute;
 width: 2px;
 height: 2px;
 z-index: 10;
}
#guardenalContent .grLt {
 background: url(../images/add/lt.gif) 0 0 no-repeat;
 left: -1px;
 top: -1px;
}
#guardenalContent .grLb {
 background: url(../images/add/lb.gif) 0 0 no-repeat;
 left: -1px;
 bottom: -1px;
}
#guardenalContent .grRt {
 background: url(../images/add/rt.gif) 0 0 no-repeat;
 right: -1px;
 top: -1px;
}
#guardenalContent .grRb {
 background: url(../images/add/rb.gif) 0 0 no-repeat;
 right: -1px;
 bottom: -1px;
}
#guardenalContent .grToggle .grToggleHdg {
 font-size: 12px;
}
#guardenalContent .grToggle .grToggleHdg a {
 display: block;
 background: url(../images/add/hide_arrow.gif) 12px 16px no-repeat;
 padding: 10px 14px 10px 30px;
 zoom: 1;
}
#guardenalContent .grToggle .grToggleHdg a.on {
 background: url(../images/add/show_arrow.gif) 12px 16px no-repeat;
}
#guardenalContent #grComOverlayCont a:link,
#guardenalContent #grComOverlayCont a:visited,
#guardenalContent .grToggle a:link,
#guardenalContent .grToggle a:visited,
#guardenalContent .grHighlight a:link,
#guardenalContent .grHighlight a:visited,
#guardenalContent .grCoDetail2col .grCobox a:link,
#guardenalContent .grCoDetail2col .grCobox a:visited,
#guardenalContent .grCoDetail3col .grCoboxSp a:link,
#guardenalContent .grCoDetail3col .grCoboxSp a:visited,
#guardenalContent .grHdgDB a:link,
#guardenalContent .grHdgDB a:visited {
 color: #10A4AD;
}
#guardenalContent #grComOverlayCont a:hover,
#guardenalContent .grHighlight a:hover,
#guardenalContent .grLineupList a:hover {
 text-decoration: underline;
}
#guardenalContent .grToggle .grToggleHdg a:hover {
 background-color: #CCF0F2;
}
#guardenalContent .grShowCol .box {
 float: left;
 width: 250px;
}
#guardenalContent .grShowCol .last {
 float: right;
 width: 380px;
}
#guardenalContent .grTarget {
 display: none;
 padding: 24px;
	background:#FFFFFF;
}
#guardenalContent .grSHdg {
 margin: 20px 0 15px 0;
 color: #10A4AD;
 font-size: 12px;
}
#guardenalContent .grHdgDB {
 background: url(../images/add/dotte_double.gif) 0 100% repeat-x;
 margin-bottom: 20px;
 padding: 0 0 3px 0;
 border: 0;
}
#guardenalContent .grHdgDB span {
 display: block;
 float: left;
}
#guardenalContent .grHdgDB a {
 display: block;
 float: right;
 margin-right: 10px;
 padding-top: 2px;
 font-size: 12px;
}
#guardenalContent .grToggleClose {
 position: absolute;
 display: none;
 top: 10px;
 right: 10px;
}
#guardenalContent .grBackTo {
 margin-bottom: 15px;
}
#guardenalContent .grLeadCol {
 margin: 0 0 8px 0;
 padding-top: 5px;
}
#guardenalContent .grLeadCol .box {
 float: left;
 width: 360px;
}
#guardenalContent .grLeadCol .last {
 float: right;
 width: 320px;
}
#guardenalContent .grBlu {
 color: #0066CC;
}
#guardenalContent .grIndent {
 margin-left: 8px;
}
#guardenalContent .grIndent p.proFont span{
 color: #0066CC;
 font-weight: bold;
}
#guardenalContent .grCBigPhotoH p.proseries{
 width:100%;
	text-align:right;
}
#guardenalContent .grLineup3Col {
 margin-bottom: 30px;
 margin-top: 15px;
}
#guardenalContent .grLineup3Col .box {
 float: left;
 margin-right: 12px;
}
#guardenalContent .grLineup3Col .gu_ico_box {
 position: relative;
}

#guardenalContent .grLineup3Col .gu_ico {
 position: absolute;
 top: 0;
 left: 0;
}
#guardenalContent .grLineup3Col .last {
 margin-right: 0;
}
#guardenalContent .grLineup3Col .grLineupData {
 margin-top: 5px;
 color: #666;
}
#guardenalContent .grLineup3Col .grLineupData th {
 padding: 0 5px 0 10px;
 text-align: center;
 font-weight: normal;
}
#guardenalContent .grLineup3Col .grLineupData td {
 font-weight: bold;
}
#guardenalContent .grNegHdg {
 background: none;
 margin: 0 0 20px -3px;
 padding: 0;
 border: 0;
}
#guardenalContent .pw55 {
 padding-right: 55px;
 padding-left: 55px;
}
#guardenalContent .pw40 {
 padding-right: 40px;
 padding-left: 40px;
}
#guardenalContent .pw30 {
 padding-right: 30px;
 padding-left: 30px;
}
#guardenalContent .pw20 {
 padding-right: 20px;
 padding-left: 20px;
}
#guardenalContent .pw10 {
 padding-right: 10px;
 padding-left: 10px;
}
#guardenalContent .pw35 {
 padding-right: 35px;
 padding-left: 35px;
}
#guardenalContent .pw15 {
 padding-right: 15px;
 padding-left: 15px;
}
#guardenalContent .pl30 {
 padding-left: 30px;
}
#guardenalContent .pl20 {
 padding-left: 20px;
}
#guardenalContent .grUnitSp2Col .box {
 float: left;
 width: 208px;
}
#guardenalContent .grUnitSp2Col .last {
 float: right;
 width: 440px;
}
#guardenalContent .grUnitSp2ColA .box {
 float: left;
 width: 406px;
}
#guardenalContent .grUnitSp2ColA .last {
 float: right;
 width: 220px;
}
#guardenalContent .grUnitSp2ColB .box {
 float: left;
 width: 240px;
}
#guardenalContent .grUnitSp2ColB .last {
 float: right;
}
#guardenalContent .grUnitSp2ColC .box {
 float: left;
 width: 307px;
}
#guardenalContent .grUnitSp2ColC .last {
 float: right;
}
#guardenalContent p.grNote,
#guardenalContent .grNote p {
 font-size: 10px;
}
#guardenalContent .grCubeNum {
 background-color: #DFF3F1;
 width: 12px;
 padding: 0 5px;
 border: 1px solid #BBE6E1;
}
#guardenalContent .grMore {
 margin-bottom: 30px;
 padding: 0 15px 0 15px;
}
#guardenalContent .grMoreHdg {
 background: none;
 margin-bottom: 15px;
 padding: 0 15px;
 border: 0;
}
#guardenalContent .grMoreExHdg {
 margin-right: 15px;
 margin-left: 15px;
}
#guardenalContent .grMoreMat {
 background: #F0F0F0 url(../images/add/more_bg.gif) repeat;
 padding: 16px 20px;
}
#guardenalContent .grMoreMatA {
 background:#35C3CB url(../images/add/more_bg_a.gif) repeat;
 padding: 16px 20px;
}
#guardenalContent .grMoreMat .box {
 float: left;
}
#guardenalContent .grMoreMat .last {
 float: right;
}
#guardenalContent .grLineupList {
 zoom:1;
}
#guardenalContent .grLineupList li {
 float: left;
 margin: 0;
 padding: 0;
 width: 216px;
}
#guardenalContent .grLineupList li .image {
 display: block;
/* margin-bottom: 5px;
 padding: 2px;
 border: 1px solid #CCC;*/
}
#guardenalContent .grSortnav {
 margin-bottom: 20px;
}
#guardenalContent .grSortnav dt,
#guardenalContent .grSortnav dd {
 float: left;
}
#guardenalContent .grSortnav dd {
 border: 1px solid #CCC;
 border-right: 0;
}
#guardenalContent .grSortnav dd.last {
 border-right: 1px solid #CCC;
}
#guardenalContent .grSortnav a {
 display: block;
 background: url(../images/add/lineup/lineup_off.gif) 14px 54% no-repeat;
 padding: 3px 2px 2px 24px;
 width: 55px;
 *width: 79px;
 font-size: 10px;
 white-space: nowrap;
}
#guardenalContent .grSortnavLong a {
 width: 75px;
 *width: 99px;
}
#guardenalContent .grSortnav a:hover,
#guardenalContent .grSortnav .on a:link,
#guardenalContent .grSortnav .on a:visited {
 background: #10A4AD url(../images/add/lineup/lineup_on.gif) 14px 54% no-repeat;
 color: #FFF !important;
}
#guardenalContent #grAbout {
 background: url(../images/add/about/about_visual.jpg) 0 0 no-repeat;
 height: 312px;
}
#guardenalContent #grAbout span {
 display: block;
 padding: 246px 246px 0 26px;
 font-size: 12px;
 font-weight: normal; 
}
#guardenalContent .grButton a:link,
#guardenalContent .grButton a:visited {
 display: block;
 background: url(../images/add/about/grButton.gif) 0 0 no-repeat;
 padding: 10px 10px 10px 30px;
 color: #10A4AC;
 font-weight: bold;
}
#guardenalContent .grButton a:hover {
 display: block;
 background: url(../images/add/about/grButton_on.gif) 0 0 no-repeat;
}
#guardenalContent .kanshiki a:link,
#guardenalContent .kanshiki a:visited {
 background: url(../images/add/about/kanshiki_off.gif) 0 0 no-repeat;
 padding-left: 165px;
}
#guardenalContent .kanshiki a:hover {
 background: url(../images/add/about/kanshiki_on.gif) 0 0 no-repeat;
}
#guardenalContent .kanshiki span {
 display: none;
}
#guardenalContent .grMapLink {
 position: relative;
}
#guardenalContent #grOverlay {
 display: none;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 10;
}
#guardenalContent .grOverlayWindow {
 display: none;
 position: absolute;
 left: 55px;
 top: 55px;
 z-index: 20;
 width:  620px;
 background-color: #FFF;
}
#guardenalContent .grOverlayClose {
 position: absolute;
 top:20px;
 right: 20px;
}
#guardenalContent .grOverlayWindowInner {
 padding: 20px;
 border: 4px solid #F5F5F5;
}
#guardenalContent .grOverlayWindowInner .box {
 float: left;
 width: 275px;
}
#guardenalContent .grOverlayWindowInner .last {
 float: right;
}
#guardenalContent .grOverlayWindowHdg {
 background: url(../images/add/about/line.gif) 0 100% no-repeat;
 margin-bottom: 20px;
 padding: 0 2px 5px 2px;
 font-size: 14px;
}
#guardenalContent .grRela {
 position: relative;
 height: 224px;
}
#guardenalContent .grRela p,
#guardenalContent .grRela img {
 position: absolute;
}
#guardenalContent .grRelaBg {
 left: 0;
 top: 0; 
}
#guardenalContent .grRela p {
 left: 72px;
 top: 116px; 
}
#guardenalContent .grRela .grRelaShow {
 left: 10px;
 top: 89px;
 display: none;
}
#guardenalContent .grRela #targetB {
 top: 79px;
}
#guardenalContent .grSLenBtn,
#guardenalContent .grMLenBtn,
#guardenalContent .grLLenBtn {
 width: 279px;
 text-align: center;
}
#guardenalContent .grSLenBtn a {
 display: block;
 background: url(../images/add/maintenance/btn_s.gif) 0 0 no-repeat;
 padding: 10px;
 font-weight: bold;
 color: #553500;
 min-height: 11px;
 *height: 21px;
}
#guardenalContent .grSLenBtn a:hover {
 text-decoration: underline;
 background: url(../images/add/maintenance/btn_s_on.gif) 0 0 no-repeat;
 color: #553500;
}
#guardenalContent .grMLenBtn a {
 display: block;
 background: url(../images/add/maintenance/btn_m.gif) 0 0 no-repeat;
 padding: 10px;
 font-weight: bold;
 color: #553500;
 min-height: 11px;
 *height: 21px;
}
#guardenalContent .grMLenBtn a:hover {
 text-decoration: underline;
 background: url(../images/add/maintenance/btn_m_on.gif) 0 0 no-repeat;
}
#guardenalContent .grLLenBtn a {
 display: block;
 background: url(../images/add/maintenance/btn_l.gif) 0 0 no-repeat;
 padding: 10px;
 font-weight: bold;
 color: #10A4AD;
 min-height: 11px;
 *height: 21px;
}
#guardenalContent .grLLenBtn a:hover {
 text-decoration: underline;
 background: url(../images/add/maintenance/btn_l_on.gif) 0 0 no-repeat;
}
#guardenalContent .grStrong {
 color: #10A4AD;
 font-weight: normal;
}
#guardenalContent #targetC img {
 display: none;
}
#guardenalContent .grCoDetail {
 width: 661px;
 margin: 0 0 0 24px;
 padding-bottom: 1px;
 display: none;
}
#guardenalContent .grCoDetailTitle {
 position: relative;
 background: url("../images/add/dotte.gif") 0 100% repeat-x;
 margin-bottom: 20px;
 padding-bottom: 1px;
}
#guardenalContent .grCoDetailClose {
 position: absolute;
 top: 0;
 left: 625px;
}
#guardenalContent .grCoDetailLead {
 margin-bottom: 20px;
}
#guardenalContent .grCoDetailMain {
 margin-bottom: 20px;
}
#guardenalContent .grCoDetailMain .main {
 width: 661px;
 overflow: hidden;
}
#guardenalContent .grCoDetailMain .main .inner {
 width: 6000px;
}
#guardenalContent .grCoDetailMain .box {
 float: left;
 width: 661px;
}
#guardenalContent .grCoDetail3col {
 margin-bottom: 20px;
}
#guardenalContent .grCoDetail3col .grCobox {
 width: 212px;
 float: left;
 margin-right: 12px;
}
#guardenalContent .grCoDetail3col .grColast {
 margin-right: 0;
}
#guardenalContent .grCoDetail3col .grCoboxSp {
 width: 430px;
 float: right;
}
#guardenalContent .grCoDetail .grNote {
 padding: 10px 5px 0 5px;
 text-align: center;
}
#guardenalContent .grCoDetail2col {
 margin-bottom: 30px;
 padding: 15px 10px 0 10px;
 border-top: 1px dotted #B7B7B7;
}
#guardenalContent .grCoDetail2col .grCobox {
 width: 300px;
 float: left;
 border-right: 1px dotted #B7B7B7;
}
#guardenalContent .grCoDetail2col .grColast {
 margin-right: 0;
 float: right;
 border-right: 0;
}
#guardenalContent .grCoDetail3col .grCoboxSp .grCobox {
 width: auto;
 float: none;
 border-bottom: 1px dotted #CCC;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
#guardenalContent .grCoDetail3col .grCoboxSp .grColast {
 border-bottom: 0;
 padding-bottom: 0;
 margin-bottom: 0;
}
#guardenalContent .grCoDetail3col .grCoboxSp div,
#guardenalContent .grCoDetail2col .grCobox div {
 width: 162px;
 float: left;
}
#guardenalContent .grCoDetail3col .grCoboxSp p,
#guardenalContent .grCoDetail2col .grCobox p {
 width: 125px;
 float: right;
 border-right: 0;
}
#guardenalContent .grCoDetail3col .grCoboxSp p {
 width: 240px;
}
#guardenalContent .grCoDetail2col .grCobox a {
 font-weight: bold;
}
#guardenalContent .grCoDetail table {
 background: #E8F6FD;
 border: 1px solid #14CCD6;
 width: 100%;
 margin-bottom: 20px;
}
#guardenalContent .grCoDetail th {
 font-weight: bold;
 text-align: left;
 color: #10A4AC;
 border-right: 1px solid #14CCD6;
 font-size: 15px;
}
#guardenalContent .grCoDetail td {
 background: #6FD1DE;
 color: #FFF;
 text-align: center;
 width: 136px;
 font-size: 14px;
}
#guardenalContent .grCoDetail th,
#guardenalContent .grCoDetail td {
 padding: 10px 20px;
}
#guardenalContent .grCoDetailcolmn .grCobox {
 width: 229px;
 float: left;
}
#guardenalContent .grCoDetailcolmn .grColast {
 width: 410px;
 float: right;
}
#guardenalContent .grScroll {
 height: 600px;
 width: 675px;
 margin-bottom: 15px;
 overflow: auto;
}
#guardenalContent .grScroll a {
 outline: none;
}
#guardenalContent .grRelative {
 position: relative;
}
#guardenalContent #grComOverlay {
 position: absolute;
 height: 600px;
 width: 703px;
 background: url(../images/add/coordination/bg.png);
 top: 0;
 left: 0;
}
#guardenalContent #grComOverlayCont {
 position: absolute;
 top: 140px;
 left: 210px;
 width: 300px;
 height: 300px;
}
#guardenalContent .grExampleBg {
 position: absolute;
 top: 0;
 left: 0;
 
}
#guardenalContent .grExample {
 position: absolute;
 display: none;
 top: 70px;
 left: 105px;
}
#guardenalContent .grExampleFirst {
 display: block;
}
#guardenalContent .grComOverlayContNav {
 position: absolute;
 top: 240px;
 left: 100px;
}
#guardenalContent .grComOverlayContSkip {
 left: 160px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: url(../images/add/scroll.gif) 2px 0 repeat-y;
	position: relative;
}

.jspDrag
{
	background: #10A4AD;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 8px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#ascrail2000 {
	background: url(../images/add/scroll.gif) 6px 0 repeat-y;
}
.grAtt {
 color: #CC0000;
 border:1px solid #CC0000;
 padding: 10px;
}
.grAlert {
 color:#F60;
}
.grKanrei {
 color:#1B9891;
}
#guardenalContent .grUnit .grUnitInner .grw220{
 width:220px;
}
#guardenalContent .grUnit .grUnitInner .grw225{
 width:225px;
}
#guardenalContent .grUnit .grUnitInner .grw230{
 width:230px;
}
#guardenalContent .grUnit .grUnitInner .grw280{
 width:280px;
}
#guardenalContent .grUnit .grUnitInner .grw300{
 width:300px;
}
#guardenalContent .grUnit .grUnitInner .grw330{
 width:330px;
}
#guardenalContent .grUnit .grUnitInner .grw340{
 width:340px;
}
#guardenalContent .grUnit .grUnitInner .grw345{
 width:345px;
}
#guardenalContent .grUnit .grUnitInner .grw352{
 width:352px;
}
#guardenalContent .grVTop {
 vertical-align: top;
}


/******

201608 guardenal smart new
root element = #guardenalsmContent
prefix = sm

******/

#guardenalContent .grButton .smBtn_size {
	font-size: 11px;
}

#guardenalContent .smUnit2Col,
#guardenalContent .smUnit3Col {
 margin-top: 4px;
 margin-bottom: 5px;
}

.durability_p {
	padding-left: 400px;
}

.icontext_p {
	padding-left:45px;
}

.new_icon {
	color: #ffffff;
    background-color: #ff0000;
    margin-left: 72px;
    border-radius: 8px;
    width: 35px;
    text-align: center;
}